美文网首页APP视觉设计对APP 的看法
如何做好一个APP界面设计_APP设计干货

如何做好一个APP界面设计_APP设计干货

作者: 狼之独步 | 来源:发表于2016-11-22 19:04 被阅读878次

    其实25学堂分享了很多移动应用界面设计的博文或者是APP界面展示效果图。

    由于最近很多新手加入APP设计群,不知道如何下手。今天25学堂跟大家再次分享如何做好一个APP界面设计。

    这篇可以说是真正的APP界面设计干货。值得大家认真学习和阅读。

    第一点:了解你的目标客户群的心态

    1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):

    这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸

    2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。

    这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。

    3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的

    这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。

    appsheji

    第二点:APP原型图的制作和设计讨论

    这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

    常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等

    第三点:APP视觉设计与设计要点

    (1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等

    一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。

    另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。

    所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。

    你必须记住:(1)隐藏设计或者减法设计  (2)分区或分类  (3)帮用户做决策  (4)提高交互创新设计  (5)让人有爽快感和新奇感  (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)

    一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”

    2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势! 因为卡片设计确实同时兼具了“拟物”和“极简”2种优势!

    第四点:APP界面设计流程

    设计流程非常重要,无论选择何种样式!简约设计时记住以下几点:

    (1).  设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。

    (2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有

    效。

    (3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。

    (4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。

    (5).  整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,

    但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。

    Music-Player1

    第五点:APP界面设计测试与预览修正

    设计完成之后,我们可以把设计图导入手机测试或者是校正。

    之前25学堂发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法

    最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

    还是那句话,”不要墨守成规,要学会变通”,思考是APP界面设计的良药。亲,记住哦!

    下面这些酷站是专门收集APP界面设计作品展示的。各位有时间可以多看看这些优秀的APP设计作品。

    1. Mobile UI Patterns,可以按照部件类型进行查找,种类比较齐全。

    网址:http://mobile-patterns.com/

    2. Inspired UI,也可以按所需部件类型进行查找,网站风格比较清新。

    网址:http://inspired-ui.com/

    3. Lovely ui,多整理收集了不少UI素材图片,有分类标签。

    网址:http://www.lovelyui.com/

    4. Mobile Design Pattern Gallery,这个网址的确比较长…但内容还不错,但是量不多。

    此外网站还介绍了一本叫做《Mobile Design Pattern Gallery》的书,也许对开发者有用。

    网址:http://www.mobiledesignpatterngallery.com/mobile-patterns.php

    5. pttrns,网站提供一些比较精美的大图,内容也还不错。

    网址:http://pttrns.com/

    6. Patterns of Design,主要提供iPhone和iPad两个平台的素材,

    网址:http://www.patternsofdesign.co.uk/

    7. 4ourth Mobile Design Pattern Library,只看到网页顶端写着“mobile patterns wiki”,

    网址:http://4ourth.com/wiki/Index

    8. android pttrns,看名字就猜到主要是为Android平台收集的。

    网址:http://androidpttrns.com/

    22个免费精致的APP界面设计模板素材

    国外App界面设计的透视屏幕原型PSD素材分享

    5套app界面设计psd素材免费下载|app设计模板

    18个精美的APP界面设计模板|APPpsd素材免费下载

    9个免费时尚的APP设计PSD文件分享

    相关文章

      网友评论

        本文标题:如何做好一个APP界面设计_APP设计干货

        本文链接:https://www.haomeiwen.com/subject/aicmpttx.html