UI设计头条UIUI

注重细节设计,让你比隔壁UI设计师更受欢迎...

2019-03-30  本文已影响72人  67667b1a7b98

周六来了,小编的精神已经涣散……

然而现实很骨感,刚做好的UI又被打回来了……

为什么明明没有出错却总是不过稿?这样的情况,大概很多人都经历过,可能是以下细节没有做到位……

👇👇👇👇👇👇👇

不是比大小

强调文本的方法有很多,不要只一味地变大文本。比如用字体的加粗,大小写或者不同深度的颜色,都能够自然而然将文本划分出优先级。

字不要太多

英文中,描述的文本字号较小时,看起来就显得像是一根根细线,如果使用两端对齐,就容易让人看得很累。

取消两端对齐,让每一行有点错落的空格,可以调整视觉,英文的情况下,每一行最好不要超过9个词,中文呢,20个字一行比较合适。

让手指点得到

设计手机app的按钮需要慎重,我们手指头的宽度为16-20mm左右,这个范围换算为像素大概是40-50px。

停留?no!

手机网页里不应该存在让用户犹豫的选项,所有按钮都应该是直接让用户达到他们的目的的,让页面是响应的。

用颜色区分按钮

优先级的选项应该被区分出来,同样内容的选择窗口,左边的“取消”和“下载”都是红色,这会让用户感到困惑。按钮应该发挥引导的作用,因为下载是用户最终想要达到的目的,所以右边将“下载”设置为红色。

按钮样式

按钮的样式的选择也是非常重要的,如果选项少于五个,单选的按钮是个不错的选择,而下拉菜单则是适合七个选项以上的情况。

展示的方式

瀑布流:适合浏览内容,像微博、花瓣这种内容展示,最适合瀑布流了。

轮播卡片:有指定方向、目的的,像是购物app弹出的相关商品推荐。

按钮的设置

按钮的意思和放置也是有讲究的。同义的按钮应该放在一起,比如:“回收站”和“删除”。而相反的就是“回收站”和“收藏”了。

设置成默认状态

如果有多项选择的信息,应为用户设置一个默认选项。

icon用起来

复杂的内容或者抽象的概念,应该用icon来辅助展示,icon加标签的形式有利于营造合理、有情感的印象。

CTA按钮

CTA 是 Call to action 的缩写,中文通常称之为行为召唤,CTA按钮即为行为召唤按钮。当我们设置按钮内容的时候,千万不要只写“action”,你想要引导用户“做什么”应该写出来!

好啦,今天的分享就到这里啦,以上错误示范,如果今天工作上有用到的,赶紧改过来,说不定周末就不用加班了呢。

更多设计干货点击:

http://www.yanguosheji.com/h-col-107.html

上一篇 下一篇

猜你喜欢

热点阅读