欢迎来到山村网

如何把网站设计得简约时尚

2019-03-29 12:04:46浏览:492 来源:山村网   
核心摘要:  在网页设计中,简约的设计往往具有清晰的页面结构、简单的交互操作等特征,视觉效果也不错。那么如何把网站设计得简约时尚,

  在网页设计中,简约的设计往往具有清晰的页面结构、简单的交互操作等特征,视觉效果也不错。那么如何把网站设计得简约时尚,小编带来了技巧,一起来学习吧!

  1.banner标题清晰

  banner处于网站的一个比较重要的位置,所以在banner的设计上一定要多下一些功夫。

  首推的是文字标题的设计,大标题一定要大,配以小字做装饰,这样的设计容易吸引人的眼球,不会有太大的失误,比较容易出彩。在标题的设计上,还要注意色彩的搭配,尽量选择一些简单、颜色单一点的,这样视觉会更纯粹。

  简单举例对比一下,这是小编给大家做的一个例子分析:

如何把网站设计得简约时尚   山村

  同样的字体背景图,同样的排版,可以看出来右图的大标题比起左边的标题,视觉冲击力会更强一些。

  再来看看国外的设计案例,Impero国外设计公司网站,这个网站banner也是采用大标题的形式来设计的,这样的设计冲击力强,容易吸引眼球,达到目的。

未命名-28.jpg

  2.banner图

  都知道设计师要做一个好设计的前期,是要花很多时间找素材的。所以一个好的图片是可以达到事半功倍的效果。

  选择一张好的图片来做网站的banner图,这个工作是很重要的。最好是选择干净简洁的图片来做为素材图,避免那些背景凌乱的图。没办法真需要用复杂背景来做素材的话,字体的设计就要做一些适当的变化,避免标题被复杂背景弱化掉。

未命名-29.jpg

  夕阳的美丽的酒店网站首张banner图的选择就挺好的,简洁的背景图,配以简单的两行文字,简洁又容易出效果。这样的设计方式其实适合各个行业,对设计水平要求也不是特别高,前提是要找到一张好的素材图。说到素材图,之前我跟大家分享过一些好的素材设计网站,这里再重复一个国外免费的素材图库网站,因为我真是大爱这个网站。

  Pixabay

未命名-30.jpg

  3.留白

  留白,是页面构图的重要组成部分,适当的加入留白,能让文字便于阅读,让页面各元素得到很好的区分。大面积的留白,搭配简洁的排版,可以让受众的视觉更为集中,很好的给用户做引导。

未命名-31.jpg

  Vincit Beer啤酒网站简约大气,大部分的留白让受众反而第一眼看到了啤酒产品。

  4.单纯色彩

  通常我们打开一个网站,给人带来第一印象的往往是这个网站的色彩。不同的颜色带给人不同的心理感受,比如红色让人热情,绿色充满希望等等。用简单纯粹的颜色也可以打造简约的设计感。

  酷九设计,用最简单的方式表现最纯粹的视觉,更加有感染力。当然,我说的纯粹的颜色不只是指白色,很多颜色也可以做出这种纯粹的效果。

  2017 Make Me Pulse这个网站用了渐变色的效果,但也做出来纯粹简约的感觉,网站的交互也挺有意思的,大家可以都去看看。

  5.“纤薄”文本和铵钮

  在网站当中,要想将网站设计得简约大方,在一些细节的设计上也要注意一下。

  可以将文本框或是铵钮元素做得轻薄简洁一些,线框类的元素可以设计得洗一些,会显得精细一点。同时,网页中出现的字体可以用细一些的字体,或者将font-weight的数值调小一些。

  这样的设计在确保功能性的同时,给人一种纤细的视觉美感。

未命名-32.jpg
(责任编辑:豆豆)
下一篇:

回到顶部的页面跟随按钮(仿淘宝)

上一篇:

nginx下的wordpress如何伪静态

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com