五分钟的技巧让你避免糟糕的设计
Warning: count(): Parameter must be an array or an object that implements Countable in /www/wwwroot/rsui/wp-includes/post-template.php on line 284
好的设计原则可以被任何人学习。这篇文章将给你一个基本的实用设计技巧,希望能够帮助快速的去设计。
如果你不相信你可以学习设计,只要记住我们的传奇朋友Dave Grohl, Foo Fighters说过关于学习新事物的话: 我学一件事出来不特意的去学习它,我认为,如果你对某事充满激情,专注于它,你可以做任何你想做的事。——— Dave Grohl, Foo Fighters
一.使用大量的对比度
背景和字体颜色应该不同,不然会引起眼睛疲劳。典型地,白色背景上的黑色文本往往是最清晰的。远离浅灰色、黄色和绿色。如果你不得不眯着眼睛看书,那么你就知道你有问题了。
二.文本颜色不要用全黑
你可以试着使用颜色为333333的RGB(51,51,51)代替纯黑色的文本。纯黑色的的文本会使眼睛难以集中。
三.第一眼很重要
布局最重要的信息要先明确。重要的内容应该是布局在显眼的位置。
让我们来看一些良好的视觉层次结构的例子。 Instagram(下面左图)将清晰的焦点放在用户发布的照片/视频上。 Pinterest(下面右图)通过将搜索条固定到顶部并在下面使用漂亮的网格来创建可视化层次结构。Pinterest非常有意将搜索框作为页面上的第一个项目。
搜索是应用程序的核心功能,用户使用Pinterest来发现和浏览。
让我们再看两个例子:
Spotify(下面左图)显然是庆祝专辑的艺术作品和歌曲标题第一和播放器控制第二。即使玩家控制是次要的,Spotify对游戏和暂停按钮在快进和倒退上的权重更大。 脸谱网(下面右图),看起来非常类似Instagram,选择把你朋友的内容放在前面和中间。
四.对齐所有的东西
修正对齐是最简单的改进之一,我们可以使任何应用程序或网站,并立即使一个应用程序或网站看起来10倍更好。
让我们看看另一个对齐例子:
五.文本间距大小
我们的文字不是为蚂蚁设计的,增加字体大小会使你的内容更容易阅读和消化,并有一些自由的行间距。
六.如果订单很重要,请使用列表视图查看结果
大多数移动和Web应用程序都有某种类型的搜索,并且可以有一些关于如何显示结果的设计辩论。 如果订单是重要的,那么列表视图是最有效的。 如果顺序无关紧要,那么网格视图将可以凝视模式来支持发现。
七.先设计黑白,后加颜色
黑色和白色的设计将专注于解决和设计你的应用程序的核心体验。 色彩唤起强烈的情感反应,经常打断我们专注于核心设计问题的能力。
八.创造舒适的设计
手应变是一个真正的问题,卢克列出了手机最容易达到和使用的区域(至少对于右撇子)-我很想看到应用程序有一个设置,可以将界面从右手主导切换到左手主导。 许多有效的移动应用程序在手机的底部第三中保持导航和核心动作。
九.借色调色板
色彩是一种难以捉摸的艺术。我强烈建议去Dribbble搜索“调色板”,可以节省你自己的时间。
记住,设计需要实践,训练你的眼睛去寻找设计问题需要一点时间和练习,但是你会发现上面的提示对于你创造的更好的设计将会有很大帮助。
作者:pilishen
链接:https://juejin.im/post/5b8964ce51882542e32aae35
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。