提升设计师设计思维能力的小技巧
1. 足够强烈的色彩对比
背景和字体必须有足够区分,阅读起来不伤眼睛。白底黑字是极容易辨认的。不要使用浅灰、黄色或绿色。如果别人必须眯着眼睛才能看清文字,那肯定是有问题的。
2. 深灰比黑色更好
如果可以的话,尝试使用#333333 RGB(51, 51, 51),而不是黑色,作为文字颜色。黑白对比晃眼睛,让人更难集中注意力。
3. 重要内容放在前面
布局是帮助使用App或网站的重要信息。重要的内容应该是一眼可见的,不需要缩放、滚动或点击。
4. 对齐一切
如果你感觉哪里有些不对,很快的解决方式很可能是把不对齐的东西全部对齐。有时设计师会念叨需要使用“栅格”,这其实是在提醒团队需要解决对齐的问题。确保元素对齐是改进任何App或网站的很简单的方法,可以立马让视觉效果提升10倍。
5. 文字尺寸和留白
我们是给人做设计的,不是给蚂蚁做的。增加文字尺寸并多留些空白能够确保内容更加易读。
6. 如果顺序很重要的话,使用列表
大部分移动/网页App有搜索功能,对于应该如何展示搜索结果,可能有些争议。
如果顺序是很重要的,那么列表是很有效的。
如果顺序不重要,并且还鼓励用户多浏览探索(像是Pinterest或Airbnb),那么网格视图就可以提供更多的信息,方便用户浏览探索。
7. 先做灰度设计,再上色
灰度设计能够确保聚焦于关键的用户体验。颜色牵扯到较多的情绪反射,并且容易打扰我们所聚焦的关键问题。
8. 让设计用起来舒服
手的使用是一个重要的问题,Luke画出了手机上极容易使用的部分(对于右手来说)——我挺喜欢那些可以设置左右手的App的。很多的手机App确保导航和主要操作在手机的底部。
9. 借用色板
色彩是一种难以捉摸的艺术。我强烈推荐大家去dribbble搜索“Color Palettes”或者使用色板编辑器,如Coolors或者Color Claim。这样做可以节约好几个小时的争论、纠结的时间。
10. 使用Apple和Google的系统设计规范
这两家公司都有很棒的资源帮助任何人搭建Android或iOS的App。
例如,Google的Material里有设计原则、资源、色彩、图标和控件,能够帮助你迅速开始App设计。
需要一些时间和练习才能够训练出一双辨别设计的锐眼,但是你会发现上面的建议会大大提高你的设计。
背景和字体必须有足够区分,阅读起来不伤眼睛。白底黑字是极容易辨认的。不要使用浅灰、黄色或绿色。如果别人必须眯着眼睛才能看清文字,那肯定是有问题的。
2. 深灰比黑色更好
如果可以的话,尝试使用#333333 RGB(51, 51, 51),而不是黑色,作为文字颜色。黑白对比晃眼睛,让人更难集中注意力。
3. 重要内容放在前面
布局是帮助使用App或网站的重要信息。重要的内容应该是一眼可见的,不需要缩放、滚动或点击。
4. 对齐一切
如果你感觉哪里有些不对,很快的解决方式很可能是把不对齐的东西全部对齐。有时设计师会念叨需要使用“栅格”,这其实是在提醒团队需要解决对齐的问题。确保元素对齐是改进任何App或网站的很简单的方法,可以立马让视觉效果提升10倍。
5. 文字尺寸和留白
我们是给人做设计的,不是给蚂蚁做的。增加文字尺寸并多留些空白能够确保内容更加易读。
6. 如果顺序很重要的话,使用列表
大部分移动/网页App有搜索功能,对于应该如何展示搜索结果,可能有些争议。
如果顺序是很重要的,那么列表是很有效的。
如果顺序不重要,并且还鼓励用户多浏览探索(像是Pinterest或Airbnb),那么网格视图就可以提供更多的信息,方便用户浏览探索。
7. 先做灰度设计,再上色
灰度设计能够确保聚焦于关键的用户体验。颜色牵扯到较多的情绪反射,并且容易打扰我们所聚焦的关键问题。
8. 让设计用起来舒服
手的使用是一个重要的问题,Luke画出了手机上极容易使用的部分(对于右手来说)——我挺喜欢那些可以设置左右手的App的。很多的手机App确保导航和主要操作在手机的底部。
9. 借用色板
色彩是一种难以捉摸的艺术。我强烈推荐大家去dribbble搜索“Color Palettes”或者使用色板编辑器,如Coolors或者Color Claim。这样做可以节约好几个小时的争论、纠结的时间。
10. 使用Apple和Google的系统设计规范
这两家公司都有很棒的资源帮助任何人搭建Android或iOS的App。
例如,Google的Material里有设计原则、资源、色彩、图标和控件,能够帮助你迅速开始App设计。
需要一些时间和练习才能够训练出一双辨别设计的锐眼,但是你会发现上面的建议会大大提高你的设计。