UI设计项目思考

用户头像
上海/设计爱好者/6年前/157浏览
UI设计项目思考

最近对UI设计中的几条小想法与思考,以及了解到的一些新知识,将它们分享给大家,不正确的地方可以来指正和讨论,Peace。

1、

阴影不仅可以用来增加视觉的表现力,还可以用来体现一种空间层级关系,避免二维的扁平化带来的一种视觉效果的信息干扰,从而使用户更好的理解不同元素之间的高度距离与层次关系。

2、

有时物理上的平衡在视觉上是不平衡的,这是需要进行视觉对齐的。

3、

关于间距上最好可以基于 8 点网格法来制定产品中的间距,所有的元素与间距尺寸都是 8或者4的倍数。因为如果你用8作为设计的最小单位,你可以很方便的缩小的你的设计尺寸,8/2=4,4/2=2,2/2=1。如果你从10开始,你缩小到的网格单位可能是2.5像素,在往下是1.25像素。使用 8 点网格法可以保证更统一的界面,更少的时间成本,更好的适应性从而来规范自己的设计和开发。

4、

12 的字号在显示器上的物理大小对于用户阅读体验并不友好,而 14 的大小既能满足用户的可读性,更为舒适、清晰,也能保证界面的层次感。当字号大于 14 时,对于表格类信息呈现则会受到一定的影响,如因文字过大而无法容纳更多的信息等。例如有道云笔记的默认字号大小便为14。

5、

在作品集中加入用户漏斗模型,分析每一个页面跳转回流失多少用户,因为加入用户漏斗模型可以考量有可能造成用户流失的因素,进行针对性的优化。另外不同用户类别在漏斗中的转化率往往有较大差异,除了整体用户的转化分析之外,还可以进行用户细分的漏斗模型分析,例如不同进入渠道、不同注册来源、不同产品使用年限、不同性别、不同年龄等多种因素。

6、

面试中介绍项目的时候尽量从下面5个方面出发:

战略层:为什么这样去做这个东西,公司的一个发展蓝图与战略(产品目标、用户需求)

范围层:一个宏观的需求,例如商业化、粉丝经济

产品层:可以理解为产品的具体的功能及特性。比如微信可以聊天、查看朋友圈、发红包等。范围层一般是由需求决定,需求则是从用户中分析提炼而来。试想一个毫无用处的产品,有人会去下载吗?所以,就是分析提取用户需求,将需求转化为功能。(功能、需求分析)

交互层:体现了页面的信息层级关系,反映了信息的主次关系。页面布局要符合用户习惯,比如将重要信息放在最佳视域(当眼睛偏离视中心时,在偏离距离相等的情况下,人眼对左上的观察最优,依次为右上,左下,而右下最差。因此,左上部和上中部被称为“最佳视域”)。

视觉层:品牌的规范运用、信息承载的方式(卡片)、通过形状大小、字体大小、颜色深浅等因素来影响用户感知。

7、中台化:类似与中央集权,通过总部来分发各自负责部分所需要的设计规范或组件库,高效有序的完成工作,提高工作的效率。

8、验收内容清单:字号、间距、颜色、动效

9、一个产品的默认图是设计师最后的倔强。

10、作品集中可以用数据反馈来证明结果(数据驱动)

11、深色有一种下沉的感觉,所以适合用来做一种点击态。相对的浅色有一种上浮的感觉,宜做hover态。并且可以通过深浅关系来反映出一种层级关系。

12、每个开源的组件库,都有一个固有的品牌调性和品牌倾向性,不同的设计样式会给产品带来不同的调性。因为通过开源可以保证用户体验的一致性,符合用户的认知,以减少用户的学习成本、培养用户习惯,所以可以使产品的交互保持一致性,使其拥有一个良好的用户体验。


1
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
古风平面仕女与瓷器
平面插画设计女孩喝咖啡
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
平面风格黄绿色系花朵装饰
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面男孩喝咖啡插画设计
空的平台平面和自然景观
金色颗粒质地的平面
课程海报,平面素材
海底世界插画
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
平面花卉图案扁平简约无缝拼接插画
平面设计 吊牌设计
城阙凡花
学习,优惠券,平面,海报
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
平面书法字手写
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册