当前位置:首页>> >>


《摄友》app界面设计与实现.rar

收藏

资源目录
    文档预览:
    编号:20181030003208681    类型:共享资源    大小:64.98MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    35
    金币
    关 键 词:
    摄友 app 界面设计 实现
    资源描述:
    名 称: 《摄友》APP 界面设计与实现学 院: 文学与传媒学院专 业: 数字媒体技术班 级: 2013 级 1 班姓 名: 韩建超学 号: 20130104008指导教师: 冯利华2017 年 5 月 20 日毕业设计(创作)报告I毕业作品基本信息注:若该作品是以项目小组或创作小组形式合作完成,则需注明承担的主要职责,小组成员不得超过 3 人;每一小组成员需从各自承担的主要任务的角度出发完成报告。作品名称 《摄友》APP 界面设计与实现作者姓名 韩建超 创作时间 2016.12 - 2017.05担任职责简介(200 字左右):这是一款简约方便、功能齐全、分类细致、便于用户之间交流的摄影社交类 APP。此款 APP 的受众为爱好摄影和有摄影方面需求的群体。此款软件包括 7 个模块:首页的内容与摄友推荐,发现的推荐、摄友圈和摄影师,消息的动态通知和聊天记录,作品的分类浏览,商城的摄影商品推荐与购买,论坛和约拍。此款 APP 的主要特点,从软件内容来说,这款软件不仅满足了人们对于广播社区浏览的需求,还便于用户得即时通讯,以及满足有约拍需要的用户的线下需求。从设计风格来说,APP 界面设计采取了简洁优雅的路线,以优雅低调的白灰色为主色,以清新明丽的黄绿色为辅色,这种颜色搭配的使用,保证了突出 APP 的主题—图片,而不喧宾夺主。II摘 要现在市场上各种类型的社区社交类 APP 如雨后春笋,但是根据目前的市场份额,针对摄影类的 APP 屈指可数。随着数字影像技术的发展,越来越多的人接触到摄影,这就需要一个平台来满足这些人群的相关需求,摄影社交类 APP《摄友》应运而生。此款软件不仅帮助用户分享摄影作品和互相沟通交流,它所特有的摄影论坛和线下约拍功能更是全方位的满足了用户的需求。本课题提出了符合现在市场大环境下的摄影社交软件界面与交互的制作。通过这个研究制作的过程,力图打造一个让用户满意的功能齐全的摄影 APP 软件。【关键词】 摄影交流,界面设计,交互设计IIIABSTRACTThe Realization of “Photographer” APP Interface DesignNow on the market all kinds of community social class APP springing up, But according to the current market share,there are few APPs designed for photography. With the development of digital imaging technology, More and more people come into contact with photography, so it requires a platform to meet the needs of these groups. Photography social class APP “Photographer” came into being. This software will not only help users share photography and communicate with each other,but also Its unique photography, BBS and off-line, is more fully satisfying the user's needs.This topic puts forward the production of photography social software interface and interaction in the current market environment. Through this process, we try to create a fully functional photography software that satisfies the user's satisfaction.【Key Words】Photography Communication, Interface Design, Interaction Design目 录毕业作品基本信息 .......................................................I摘 要 ................................................................IIABSTRACT .............................................................III引言 ...............................................................- 1 -一、UI 设计理念与定位 ...............................................- 1 -(一)功能定位 ..................................................- 1 -(二)受众群定位 ................................................- 2 -(三)软硬件平台定位 ............................................- 2 -(四)UI 设计理念 ...............................................- 2 -(五)色彩风格定位 ..............................................- 2 -二、 《摄友》APP 界面的具体设计与制作 .................................- 3 -(一) 、UI 布局设计 ..................................................- 3 -(二)软件的图标设计 ............................................- 3 -(三)软件的设计规范 ............................................- 5 -1.软件的标准色 ..............................................- 5 -2.软件的标准字 ..............................................- 6 -(三)软件界面设计 ..............................................- 6 -1.启动页界面设计 ............................................- 6 -2.登陆注册界面设计 ..........................................- 7 -3.首页界面设计 ..............................................- 8 -4.发现界面设计 ..............................................- 9 -5.消息界面设计 .............................................- 11 -6.个人主页界面设计 .........................................- 13 -7.作品分类界面设计 .........................................- 13 -8.活动界面设计 .............................................- 14 -9.论坛界面设计 .............................................- 15 -10.约拍界面设计 ...................................................- 15 -11.左侧抽屉界面设计 ........................................- 16 -(四)软件交互设计 .............................................- 17 -1.导航栏交互设计 ...........................................- 17 -2.其他交互设计 .............................................- 18 -三、 《摄友》APP 推广设计制作 ........................................- 18 -(一)APP 宣传视频的制作 .......................................- 18 -(二)APP 宣传网站的制作 .......................................- 18 -结论 ..............................................................- 19 -参考文献 ..........................................................- 20 -致谢 ..............................................................- 21 -石家庄学院毕业设计(创作)报告- 1 -引言移动互联网的迅速发展,社交 APP 层出不穷,针对特定人群的功能性 APP 具有很大的发展潜力。如何设定适用人群定位,如何做到在为数不多的摄影类 APP 中一炮打响、具有好的市场反馈,我们应该在设计理念、功能定位、界面表现、用户体验等方面做到人性化,特色化。一、UI 设计理念与定位 (一)功能定位《摄友》APP 的功能大概分为五个主要社交模块、图片浏览模块、摄影论坛模块、网上商城模块、线下约拍模块。其中社交类功能是最主要也是最基础的功能。这款软件的总体框架是围绕此功能搭建的。其他的扩展性功能镶嵌在框架的的不同位置。社交模块中包括用户间通信和社区广播。便于用户实时交流和上传分享。图片浏览模块把此软件的所有图片的分门别类,方便用户有目的地检索浏览。摄影论坛模块分为各种常见的摄影问题的板块,使用户集中在这个平台解决问题,集思广益。网上商城模块只在线销售摄影作品和摄影器材两类商品,并可以在线支付。线下约拍作为简单实用的嵌入功能可以接单和发布自己的约拍信息。大体框架如图 1 所示:《摄友》APP 界面设计与实现- 2 -图 1 功能模块(二)受众群定位随着影像技术的发展,越来越多的人开始接触到摄影和图片。传统的杂志行业已经不能方便地满足摄影爱好者浏览图片和发表自己的作品,而喜爱摄影的人群越来越多,他们往往是具有上网能力的,乐于接触新鲜事物的人。他们在热爱摄影的同时,不单单喜欢浏览图片和发表自己的图片,更喜欢与志同道合的人交流沟通,探讨摄影心得或技巧。所以,这款软件的受众群定位是爱好摄影和对摄影感兴趣或有需要的人。再者,目前有很大一批潜在的对摄影有兴趣的用户待开发。所以,这款软件的潜在用户是海量的。(三)软硬件平台定位《摄友》首先设计了 IOS 版,原因主要有以下两点:一是 iPhone 简单统一的分辨率,有利于效果图的制作和展示;二是考虑到后期产品程序开发中,IOS 因为本身框架的稳定性,成熟度等原因,开发的效率几乎是 android 开发的一倍还多。因此,在前期的设计过程中,选择 IOS 移动端。(四)UI 设计理念软件制作出来是给用户使用的,所以让用户拥有一个良好的用户体验才是 UI设计中最重要的理念。《摄友》APP 采用了底部导航栏模式的设计,一些非要紧的功能加入了左侧抽屉菜单栏。这样的设计也是便于用户单手操作,十分人性化。首先界面的设计是一个很直观的产品展示,界面要美观,才能吸引用户的注意,尤其是首页的设计,要使用户进入 APP 看到首页,就对这款软件的功能一目了然,才有继续使用下去的欲望。整体的字体,图标,色彩风格等要素的统一,界面的布局排版,图片的选择也对界面的美观与否起着决定性的作用。其次,减少界面的跳转,功能简单明了,逻辑清晰,软件简单易懂,才能减少用户的流失,保证了用户的存留率。最后,在不破坏逻辑操作和整体美观的基础上,适当的模拟一些现实物体的操作方式,这样不仅可以让软件真正的核心内容体现出来,强调了内容的本身,又使之具有良好的交互感,增强用户体验,提高了软件的性能。(五)色彩风格定位这款 APP 界面设计采取了简洁优雅的路线,以优雅的灰白色为主色。这种低调石家庄学院毕业设计(创作)报告- 3 -颜色的使用,可以保证用户在这个图像视觉的世界中注意力专注于图片内容,而非软件本身。以黄绿色为辅色,起到强调的作用,界面中清新的黄绿色与优雅的灰白色相辅相成,使画面得到色彩均衡。界面中还添加了其他的点缀色,如红色和蓝色。字体以及背景颜色以灰色、白色为主,使界面的设计更加干净整洁统一。二、 《摄友》APP 界面的具体设计与制作(一) 、UI 布局设计一个应用程序主要由顶部导航栏、顶部标签栏、内容区和底部标签栏四部分组成。状态栏主要是电量条时间的显示。导航栏是当前界面主要内容的概括,顶部标签栏根据页面内容进行制作,例如下图的通知、聊天的切换。底部标签栏主要是在主界面中呈现,使用户更直观快捷的进入相应的模块。如图 2 所示:图 2 UI 布局(二)软件的图标设计软件图标是一个 APP 软件的一个标志,APP 软件图标的设计能够更加直白清晰《摄友》APP 界面设计与实现- 4 -的解释这款软件的用途。让用户更加清晰的明白这款软件的功能。根据软件的核心功能和制作理念,软件图标的设计打算将“象形”和“象征”两个特点结合在一起,使用户能够清晰正确的明白此款软件就是一款关于摄影交友的软件。图标设计为圆形相机镜头状,图标以灰白黑色为主色调,与软件的主色调相呼应。最中间的镜头闪耀出蓝色光晕,黑色的光圈叶片紧紧围绕着镜头,象征着世界各地的摄友们为了同一个摄影爱好而来到这里。此款软件的图标属于图形表现形图标,第一眼就可以使用户印象深刻。这种表现的形式以一种看似具体实则抽象的表现手法表现出无限的内容。效果如图 3 所示:图 3 软件图标设计软件内部的图标依然沿袭了简介优雅的设计特点,底部导航栏图标效果如图 4所示:石家庄学院毕业设计(创作)报告- 5 -图 4 导航栏图标设计部分其他图标设计效果如图 5 所示:图 5 部分其他图标设计(三)软件的设计规范1.软件的标准色以优雅的灰白色为主色,这种低调颜色的使用,可以保证用户在这个充满图片视觉冲击的软件中把注意力集中在图片内容上,而非软件本身。黄绿色为辅色,起到强调的作用,界面中低调的灰白色和抢眼的黄绿色相辅相成,使画面得到色彩均衡。字体以及背景颜色以灰色、白色为主,使界面的设计更加干净整洁统一。效果如图 6 所示:
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:《摄友》app界面设计与实现.rar
    链接地址:http://www.gold-doc.com/p-254941.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    [email protected] 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开