在网页中,简约的设计往往具有清晰的页面结构、
简单的交互操作等特征,视觉效果也比较不错。
早在小编上大学就喜欢日本简约的设计风格,
从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。
现在大家说的日式风大都是简约风格,
这样设计风格最近几年也一直被推崇着。
前面跟大家分享过留白在网页中运用的重要性,
今天要分享的是网页设计中简约的重要性。
我们说的简约设计是将设计回归本质的一种设计理念。
在网页中,简约的设计,往往具有清晰的页面结构、
简单的交互操作等特征,视觉效果也比较不错。
在网页中,可以通过下面这些方式达到界面简洁:
1.banner标题清晰
banner处于网站的一个比较重要的位置,
所以在banner的设计上一定要多下一些功夫。
首推的是文字标题的设计,大标题一定要大,配以小字做装饰,
这样的设计容易吸引人的眼球,不会有太大的失误,比较容易出彩。
在标题的设计上,还要注意色彩的搭配,
尽量选择一些简单、颜色单一点的,这样视觉会更纯粹。
简单举例对比一下,这是小编给大家做的一个例子分析:
同样的字体背景图,同样的排版,
可以看出来右图的大标题比起左边的标题,视觉冲击力会更强一些。
再来看看国外的设计案例,Impero国外设计公司网站,
这个网站banner也是采用大标题的形式来设计的,
这样的设计冲击力强,容易吸引眼球,达到目的。
2.banner图
都知道设计师要做一个好设计的前期,是要花很多时间找素材的。
所以一个好的图片是可以达到事半功倍的效果。
选择一张好的图片来做网站的banner图,这个工作是很重要的。
最好是选择干净简洁的图片来做为素材图,避免那些背景凌乱的图。
没办法真需要用复杂背景来做素材的话,
字体的设计就要做一些适当的变化,避免标题被复杂背景弱化掉。
夕阳的美丽的酒店网站首张banner图的选择就挺好的,
简洁的背景图,配以简单的两行文字,简洁又容易出效果。
这样的设计方式其实适合各个行业,对设计水平要求也不是特别高,
前提是要找到一张好的素材图。说到素材图,
之前我跟大家分享过一些好的素材设计网站,
这里再重复一个国外免费的素材图库网站,因为我真是大爱这个网站。
如果需要更多,可以去翻阅我之前分享的《网页设计师常用的一些工具素材合集》。
3.留白
留白,是页面构图的重要组成部分,适当的加入留白,能让文字便于阅读,
让页面各元素得到很好的区分。大面积的留白,搭配简洁的排版,
可以让受众的视觉更为集中,很好的给用户做引导。
Vincit Beer啤酒网站简约大气,大部分的留白让受众反而第一眼看到了啤酒产品。
4.单纯色彩
通常我们打开一个网站,给人带来第一印象的往往是这个网站的色彩。
不同的颜色带给人不同的心理感受,比如红色让人热情,
绿色充满希望等等。用简单纯粹的颜色也可以打造简约的设计感。
酷九设计,用最简单的方式表现最纯粹的视觉,更加有感染力。
当然,我说的纯粹的颜色不只是指白色,很多颜色也可以做出这种纯粹的效果。
2017 Make Me Pulse这个网站用了渐变色的效果,
但也做出来纯粹简约的感觉,网站的交互也挺有意思的,大家可以都去看看。
5.“纤薄”文本和铵钮
在网站当中,要想将网站设计得简约大方,
在一些细节的设计上也要注意一下。
可以将文本框或是铵钮元素做得轻薄简洁一些,
线框类的元素可以设计得洗一些,会显得精细一点。
同时,网页中出现的字体可以用细一些的字体,
或者将font-weight的数值调小一些。
这样的设计在确保功能性的同时,给人一种纤细的视觉美感。
EWA APP应用产品网站,利用纤细线框,
将内容很好的分割,页面简洁而大方又不失品质。
通过上面几种方式可以打造简约时尚的网站。
下面再给大家推荐几个简约时尚的网站,小编喜欢这种风格的,
所以多分享几个:
Creative Wallonia 创意设计网站 这个网站我真建议大家点进去看看,
这个交互效果很有趣,可以在里面画很久。
网页中的简约,表现形式还很多,通常多种结合起来使用,
这里就不一一说明了。想要做到简约,也并不是一件简单的事情,
它需要我们用心去发现、感受、割舍、提炼,
从视觉体验的角度去感受网页的简约之美,
把信息更合理、有效的传递给用户,给用户带来轻松、实用、愉悦的体验。
摘自:站酷https://www.zcool.com.cn/article/ZNzU3NDky.html