做一个高端的网站设计就这么难

很多设计师有时候我们看到了自己喜欢的网站就决定要做一个类似这样的，然后接下来就....不知道怎么办了。

为什么你做不出来你想要的感觉，因为你总是在走马观花的看，这样就算看很多高端的设计，还是没用，那么我们应该去静下心来分析每一个网站的好~

只有明白了其中的奥妙，你才可以设计出自己满意的作品~

本次我拿下面的酒店类网站来进行分析~

主要通过图片色彩布局文字上面来讲解~

01：图片

设计师在选图的时候保证了图片的一致性~

所以在整体网站的图片色调都是偏暖色调，只为了给用户浏览网站的时候有一种舒适的体验~

通过对比来缓解用户的视觉疲劳~

整个网站首页在图片上面利用图片的尺寸比例进行大小大小的配图~为了就是给用户阅读的好奇心

在同一级别的图片中利用近景远景的方式配图~这样的对比，为了就是给用户一种视觉层差感~

当然还有的就是图片本身的质量以及构图方面要求也是很苛刻的，

网站中任何一张图都是有清晰的主次关系~和远近的层次感~

02：颜色

当你第一眼看到网站的时候，就会给人一种简约优雅的感觉，所以说明

网站的配色还是比较讲究的~

因为由于酒店行业的性质~网站主要展示酒店的特色运用了过多的图片，所以在网站首页的配色主要以深灰色和浅灰色白色为主运用黄色和绿色作为点缀色，因为任何非彩色都不会影响彩色~

03：布局

网站布局采用的是Z字形布局分别把需要介绍的内容利用左右交叉的方式进行

完美排列~这样做既不死板也给用户一种视觉上面的反差感~这是我们需要学习的地方~

04：文字

文字的重要性在网站中占了50%的比重~如果文字处理不好，也会让您的网站大打折扣~

上面网站的文字选择寸线字体作为主要文字，呼应了LOGO

用无寸线字体给人一种严禁的感觉，两者进行结合能够给用户平衡上的感觉，

在文字排版上面通过字体的颜色和字体的大小进行对比，有效的突出了主要的信息~

通过不同的段落之间的聚力来表达主次关系~一般段间距是行间距的2倍以上~

才能段落之前有距离感~才能有主次的感觉~就像平民和皇帝之间的距离~平民只会和平民在一起，皇帝会和高官贵族一起，这就是你们之间的距离~

网站的一些细节部分：

在头部和导航之间的布局方式~

通过对LOGO的形状比例进行判断，设计师选择了把LOGO放在整个画布中间，导航栏目分布在LOGO两边进行平衡，是一种很新颖的表达方式~

在酒店案例表达方面运用的也是很精细~

设计师采用左右两边的方式进行排版，左边运用列表方式右边为点击列表展示

的大图~

值得注意的是左边列表的设计上面，设计师采用了左图右文的方式，进行排版

下拉条和点击hover效果紧贴一起，为了就是不让元素分离，避免构图上面的不紧凑~然后左边整个板块也是垂直居中于左边的图~包括内边距于上下左右都是相等的，由此可见这样的简约的设计，其实在很多方面都是非常严禁的，

还有设计师在整个网站的背景色灰色底~没有采用纯色，而是加了一些纹理进行搭配，这种微妙的细节，就和别人的作品拉开了距离，让整个网站变得更加有内涵和细腻感~

等等还有很多细节，只要我们注意了，就会让你的网站更加出彩~

下面分享下设计师设计的内页设计~

Rooms页面设计

Roomdetails设计

Reservation页面设计

Aboutus页面设计

运用了网格的方式进行设计~

内页也有很多细节~值得我们去学习~由于时间我只分析了首页的优点~

只要我们理解透彻了这些优点，那么我们去做类似这样高端而优雅的网站就会轻而易举的事情~我只能帮你们这么多了，如果有兴趣，就赶紧去执行吧~

想到什么就马上去做~会让你离你的梦想更近一步~

臭不要脸的家伙，来咂他~~

赞赏

人赞赏

转载请注明：http://www.guyukameng.com/html/7902.html