网页设计中的极简风格—无的力量
发布时间:2016/11/21 来源:沈阳志鼎科技有限公司 访问次数:59
前言
作为规划师,咱们都知道极简的规划作用确实十分出彩。但是,在规划进程中,咱们往往会因为运用较少元素而感触缺了啥,或是让最终制品看起来似乎没有完结。
那么啥是极简规划?又是啥办法使你的规划看起来精约又不简略呢?这篇文章或许会帮到你。
啥是极简规划
极简规划,严厉上讲不能算作一种视觉个性,而是一种规划哲学。它在坚持了底子的骨架内容的基础上,剔除掉剩余的元素、装修、颜色和纹路,是经过不断思考而进行化繁为简的规划进程。这么做的结果是突显了主题内容。所以,它是扎根于规划思想根部的概念。
极简主义起源于苏格兰,其时在各个文化范畴都掀起了极简的风潮:平面规划、建筑、音乐、文学、绘画等。直到现在,也开端在页面规划中盛行。
尽管极简规划个性在十年间并未得以满足的重视度,新近的互联网范畴中底子看不到它的影子,款式杂乱的LOGO和广告,美丽的颜色……页面规划一向以来都以臃肿冗杂的形象呈现。
少便是多
前已提及,极简个性是直截了当地展现主题,削减对观者的视觉搅扰。假如一个页面有太多的元素,用户就会在很多的元素中,因为无法决议其主次而陷入紊乱。一个优异的极简规划必然会用不偏不倚的姿态焦距主体内容。
举例来说,一个以是非灰为主色的页面中,假如呈现任何颜色,都会变成视觉焦点。就如下例所示,白色作为底色布景,再加上一点淡色布景,调配黑色文字,一起有相应配图,配图的颜色体现会集在模特的服饰上,这极好的突显了服装品牌这一焦点。
这一种规划个性就让用户焦距到服装自身的质地、颜色、款式上,然后垂手可得确定了用户的注意力。而与此一起,在服装自身以外不再添加任何的装修和元素,除了主体结构再无别的。
如何简化内容
首要关于页面所展现的内容,规划师要有一个明晰的认知。先将页面上所需求呈现的元素列出清单,再从中进行逐次审视是不是有呈现的必要,是不是需求去除。
这是一份我以为可能需求思考是不是应当不予出场的元素清单。
交际媒体的图标
标语和具体介绍
现在盛行的一些对比引人耳意图元素(比方共享和赞等)
一个页面多出三个有些以外的有些
导航中的次级元素
当然,这并不是一个结构,你当然需求思考假如有必要时也不能通通删除而后快。主页呈现的有些元素都能够放到二级页面里。究竟假如主页信息量太大,你的用户或许也会“消化不良”。
这么精简今后的结果是,或许你的网站的功能性比较弱化了一些,但删减了剩余的元素,使之变成一个更为简化的规划,这让用户能够在你的网站停留时间更长一点。而让用户变成愿意为之学习的网站。
如何简化规划
你需求不断简化任何呈现的元素,让纹路不见直至不见、更少颜色、更简略的外型……言而总之,这一系列的处理进程确实让你的规划变得有些平平了。但这时你要记住,不要偏离了极简的方向,你能够把规划会集到焦点内容上,让焦点内容变成仅有重要的视觉中心。运用一些创造性的窍门来处理细节。
运用优雅的线框
大家都知道,运用线框能让你的规划看上去更“安定”,因为你的眼力本来超乎你幻想的好用,它甚至会记住每一段间隔每一个交点,所以任何损坏视觉平衡的元素都会分外突兀,这时你的直觉只会通知你“感触不对”。但这本来即是没有运用好线框的结果。
一个适宜的线框图是极简规划致胜条件。你能够运用它取得适宜的比例,创造出风趣的视觉平衡。
你能够在规划伊始就用2B铅笔在草稿上画出你的页面规划和元素款式。
在画线框时,你需求遵从下面的顺序
1)决议你的页面中需求呈现的元素
2)对元素之间,按优先次序进行排序
3)画出线框草图并试着去到达最佳的规划视觉作用
留白
在我眼里,留白是一种规划资料。留白并不等同于极简,但它与极简规划有着千丝万缕的联络。
不论你多么有构思,一个极简规划假如没有满足留白,那么也将是失利的。所以,在规划时,你要思考每个元素的周围都有满足多的留白空间。
例如上面这个页面主页中的LOGO有些周围的很多留白,让LOGO自身得到直观的展现。
让简略变成习气
咱们不可否认,咱们有一种自我胀大的恶习。规划中,不知不觉就会添加过多的东西,因为你的脑海中一向显现一种想要“完美”它的愿望。鉴于此,咱们有必要要让自个从这个习气中脱节出来构成另一个良好的习气。
假如你在规划中陷入了盲区,总觉得不对劲“似乎缺了点啥”的话,这时,与其纠结于给页面添加更多的元素,不如想想如何让页面削减更多的元素。
最终,当你对规划现已满足后,再看看是不是依然能够进一步简化规划。就像给苗木修剪枝叶相同的耐性。
页面规划中极简范式
是非灰:颜色禁欲主义
是非灰的大气让人难忘,尽管是信手拈来的规划道理,但放到实践中,规划师往往需求更多的勇气做这么的规划。因为做这类规划的危险太大,不小心就会让规划变得死气沉沉一片荒芜,带给观者负面的感触。如上图中以黑色为布景就需求严厉与网站的内容契合,体现出黑色的“酷”。一起,元素的编列也有必要形形色色,比方将人物置最前,文字放于布景之上,是非的调配顿显时尚感。
线形插画:形魅力
灰色的布景上只用白色作为前景色,主页的焦点是中心方位的线性插画,这是品牌展现的一种最为直观的办法。而运用必定的投影作用,让插画似乎悬浮在半空中则是添加了一些创造性的细节,这就让画面活泼起来,不会陷入一片荒芜当当中。
字母:形的构思
字母自身的外型即是一副完美的构图,加上文字自身所具有必定的意义,交融一身,就会让画面变成双向发声。所以,从头减小或放大文字,让文字变成画面的焦点用以传达品牌形象,这种办法在极简的网站中很简单做到。如本例中能够将文字的布景作为构思拓展的有些,让鼠标移动时呈现不一样的渐变色布景,这些渐变色颜色都倾向艳丽,而这儿极好地装点了文字自身的美感。而中文比较英文更为杂乱,想要把文字也变为对形状的焦距,就需求将中文改为在形状上较为杰出的字体,例如书法字体等。如下图所示。
拍摄:用图讲故事
用一张高清的拍摄著作作为布景,也是页面中极简规划的常用办法。这幅拍摄著作自身即是极简个性的,让品牌故事躲藏于相片中。相片的写实程度无能出其摆布,而自身的个性就有必要要明显地杰出主题。这时文字的呈现是为解说阐明的作用,你能够在你的规划中加以删减或添加。
你还能够像上图示例那样让图像和文字展现出各种风趣的组合款式,这时有必要要思考文字和图像的联系,千万不要用一张和文字内容毫不相干的图像。
极简规划的适用场合
就像大家所知,极简规划因为内容展现较少,在现在商业应用中还不太广泛,大多用在小型构思范畴组织的官网较多。当涉及推广时,因为推广的意图即是最短时间推送最丰富全部的信息给用户,因而通常的商城都不会让自个看上去太轻松。尽管这么说,但咱们在规划商城的时分也注意到,现在现已有规划师开端使用这种简化的个性规划商城,做出不相同的细目更深化的小型商城。这类商城的商品也对于的是较高端的用户,比方时装职业里的网站,能够不妨一试这么的规划个性。如下例所示。
能够看到一切的信息都被浓缩了,商品展现让人一目了然。我以为这是一个前进,不论是审美方面仍是推广影响方面都让商品和用户的间隔更近了一步。
跋文
我以为极简的规划才是未来派,以杰出主题展现的规划思路自身即是规划师应当履行的思想。无论规划的是啥,都要拷问规划的意图,因而对主体内容的精简优化是进步沟通功率的一种极为有用的办法。这从未来来说,也是不可逆之一。