简洁而不简略 简约网页设计视觉呈现技巧
要是一个页面有太多的元素,会员将疑惑于去看哪里或误会每个元素的优先级。优良的设计师需要用设计说话将将会员的视觉焦点正好指导到准确的内容上,极简的网站设计能够将最重要的内容带到会员眼前并以免分散会员注意力,比方,在一个黑白设计上的任何色斑,都会引起会员的注意力,颜色自身也将成为焦点,这便成为我们即将要展开探究的小小话题。
产品原型视觉转化
设计开端之初,从原型稿到视觉稿的转化历程中,善于图形化辨认的视觉设计师们,在面临冗杂而单调的线稿内容时,往往急于上马大施拳脚展创始作,缺忽略了清晰梳理判断整体页面构造的重要环节。
哪些属于重点模块需要突出展现,哪些次要模块可以移动到更优化的布局或者精简合并?这是一个需要长期经验积攒,一直磨难耐心和提高了解判断能力的成长历程,也是职业化的开始。
权衡布局及简化设计
排版布局中的均衡、对齐及对照关系,对页面视觉结果至关重要。要是画面结果头重脚轻,或者左右不平衡,会让会员感觉到榨取感,从而影响到阅读信息的顺畅。
实现简化设计的第一步,不是简略的去除大局部图片,而是要从新考虑内容并将其简化到无覆盖的需求。只要那样才能让页面中最重要的元素实现其预期的结果。
我们可以写下必必要的内容:logo、介绍、导航等等。和你的产品经理一起,去除其它一切不需要的元素,尽可能的丢掉它们。
这里的要害并非让网站有较少的功能,而是去除不是须要的元素或将多个局部整合到一个更简略的布局。你也可以分割内容到独立的页面,给予内容的每个局部更多关注。
善用颜色的心理暗示
简洁而通透的白色页面
白色,因其明度最高,无色相,敞亮洁净、酣畅、朴素,永久无暇,在天然界象征着极致的纯净与贞洁。白色优雅、温和而简略,没有热烈的个性,因此网站设计中,白色拥有高级,科技的意象,是永远流行的主色调。
轻快的白色可以给人非常不错的轻迅速度感,使用得当可以让其它任何浅色彩及亮色彩呈现出其深度、明度和饱和度的不一样,通过对照让其亮色更加明快、专注和恬静。整齐、大空白的同时让会员维持欢快的情绪进行阅读。
下面的网站展现了要是运用白色来呈现内容和一个网站本身的潜力:
白色页面设计小技巧:
让链接更容易辨认, 运用淡色或亮色;
减少紊乱广告图片; 不要运用过小的字体,
以免页面看起来琐碎和疲倦;
明快的文字色彩,让内容更易辨认
精美文雅的灰色绅士
“灰质(Gray matter)”让人遐想到智商与脑力。它不像玄色那么鲜亮,又不像纯白那样苍白,灰色是黑与白的过度,是完善的补色。灰色可以和任何颜色搭配,因为它的中立性,它常常被用作背景色彩,可以让其它颜色突出。运用浅灰色替换白色或者用暗灰色替换玄色,能够赋予网页与众不一样的文雅之感。
灰色不管是作为背景色彩还是标题或者主字体色彩都很流行。灰色也是极简主义网站设计的首选颜色,这类网站平常会选用浅灰色作为背风光彩,然后选用深灰色作为主要的字体色彩。这里是一些运用灰色的几个很不错的网站设计。
设计的加减法哲学
从第一个像素开端,我们开端一直用加法进行创造,搭建出完善的设计作品,然而这就是极致么?在设计合时使用放大或减少,一直地变化,可以更好的趋向极简,重复历练讲究每一个须要的元素存在的价值。
每当抵达这个阶段,设计师需要静下心来思索,当加法到一定的量的时候再转做减法设计,考验的是设计师对整体掌握能力。减法设计是在加法比拼成熟的状况下才能去尝试的设计方式。理论上来说,加法设计比减法设计相对更加容易。减法设计更能表现设计师的功力和积攒,指标要求的是少而精炼。
兴起勇气大胆的去掉边框,让画面更加通透大气,空间视觉元素不多不少,但又显得很丰硕、雅观。
这个加减的历程正是让设计一直趋向完善的历练之路。
让空间更加透气
通已往除与隐蔽的方式降低设计复杂性的办法中,减少“视觉感知”的复杂性也是很重要的。空白与对照无疑成为卓有成效的减少视觉滋扰的重要办法。
视觉布局中恰当的空白对均衡即将涌现在页面中的少量元素是须要的均衡。它应是你默许的布局工具。经典规则之一:要是可以运用空白就不要放置其他设计元素。要是用这种方式布局,你会很惊叹调整界面的空白就可以完成布局了。
虽然运用空白多多益善,但也要尽可能的保证有对照感。网站设计师应运用最小的视觉变化来表达设法。事实上这就是意味着元素之间要有主次感。
空白不等于苍白
页面变得苍白?是不是整版的文字短少图片的点缀?在保存有须要的留白空间后,试着为文字配上一张点睛的美图吧,或者给段落文字总结一个示意小图标,恰当的点缀必不可少。
透气的留白不等于无力的苍白,让有趣的设计大胆的去引发会员的视觉神经,让设计更有思想,一直趋向简约和完善。