问答详情

如何做app界面设计?

261次观看
标签: 如何做 界面设计 app
老师回答

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

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

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

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

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

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

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

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

设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

免费直播

    相关推荐
    平面设计需要掌握PS哪些功能?
    刘老师 平面设计

    1、PS快捷键

    学习平面设计为什么要掌握PS的快捷键功能呢?平面设计离不开PS的强大支持,PS快捷键是Photoshop为了提高绘图速度定义的快捷方式,它用一个或几个简单的字母来代替常用的命令。掌握PS快捷键可以快速做图,同时可以提高你的工作效率。

    2、钢笔工具

    钢笔工具是PS中很有用的一个工具,但不是很好掌握。用它画直线很简单,但画曲线就比较难了。如果你精通钢笔工具,可以用它进行精确的选择、绘制不同的形状、创建矢量蒙版等很多操作。如果希望在路径工作时轻松一点,可以尝试使用自由钢笔工具。它允许你使用锚点进行自由绘画,而不需要使用钢笔工具。

    3、转化圆角图形

    如果你试图利用自由变换命令来修改图形尺寸,圆角会发生扭曲。为避免这种情况,如果你使用的是Photoshop CC版本,可使用直接选择工具来调整圆角图形的尺寸,移动锚点至你想要的形状和尺寸。

    4、形状属性

    这是Photoshop CC版本中最令人兴奋的一个功能,尤其是对UI和网页设计师而言。形状属性位于属性面板中,当我们选择矢量图形时,它就会出现。你可以轻松的实现以下操作:文件中图形的位置、图形尺寸、为图形填充颜色、图形的描边颜色、图形的描边宽度、图形的描边样式(包括虚线)、其他的描边选项(例如描边的对齐方式、线段端点和合并类型)、圆角半径选项(对椭圆形不可用)。

    5、橡皮带

    通过在一个点上设置线的方向和长度来画曲线是很有挑战性的。默认下,在确定下一个锚点之前,PS不会帮用户查看下一段路径。不过,有一个隐藏的功能–钢笔工具下的橡皮带,可帮助你在实际确定了下一个锚点之前,预览下一段路径。

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司