背景与内容之间的对比度应该足够适合阅读,以免引起眼睛疲劳。通常,白色背景下的黑色文本是最容易读的,尽量不要用浅灰色,黄色和绿色的文字。如果你自己做完设计稿,不得不眯着眼睛才能看清,那就肯定是有问题了。
如果可以选择,推荐使用#333333 RGB(51,51,51)而不是纯黑色作为文字内容。纯黑色配上白色背景会让眼睛产生视觉抖动,让文字难以聚焦。
首页的布局尤为重要,应该要清楚的显示应用的主要功能。核心内容应该是显而易见的,而不需要通过缩放,滚动或点击等操作才能知晓。
让我们一起来看看市面上把视觉层次结构做的比较好的例子吧。
Instagram (下图中的左边) 核心功能是希望用户上传照片/视频;Pinterest (下图中的右边) 的核心功能是发现和搜索灵感图片,所以把搜索放在了顶部最显著的位置。
4、控制好各个元素的间距
“Respect”这个词的字间距被压缩,从而让整个单词显得更有凝聚力。排版中,各种元素间距需要根据实际情况来调整,内容多的时候可以适当收紧,少的时候可以适当放松。间距大小都需要兼顾到基本的可读性,分太开和离太近都很难让人阅读。
5、不要害怕放大
将字体、形状等需要强调的内容放大。在这个案例中,用Releway 字体来呈现“Scale”这个词,因为这个字体更加敦实、清晰,放大后看起来体积感十足。
6、注意干净、明快、清晰
通过提升文字内容和背景图片之间的明暗对比来提升可读性。通常使用纯黑和纯白的文字可以更为便捷地实现这一点。
关于舒适的手势体位确实是一个需要注意到的问题
Luke列出了手机中最容易接触和使用的区域(至少对于右手作为惯用手的人来说),其实我希望看到应用中有一个设置,可以让用户从右手界面切换到左手界面。
大部分的App都将导航和核心操作放在手机的底部三分之一处。
颜色的使用一门技术活。我强烈推荐你在Dribbble上搜索”Color Palettes“,或者使用Coolors( https://coolors.co/) 或者 Color Claim (
http://www.vanschneider.com/colors/),会有惊喜!为自己省下反复纠结的时间。
9、注意留白
留白会赋予设计中各种元素以足够的呼吸的空间,给用户以想象的空间。它让内容更加集中和易读,也不会因为凌乱而让用户分心。
10、先调研,再着手
在你动手开始设计之前,确保你掌握了所有的需求和全部的细节。调研、阅读、搜集素材。素材的搜集让你掌控足够多的事实和内容,而调研则会确保这个设计是深思熟虑之后的成果。
11、跳出来思考
最有创意的思考者总会跳出条条框框来看待这个世界的。不要用随处可见的图标来装点你的设计,也许一个全新的设计更能代表你的想法。