主页 > 新体验 > 设计沙龙 > UI界面设计
  • 高端酒店网站UI设计案例分析

    adinnet/2018-04-16 15:28/UI界面设计

    很多时候UI设计师做不出来想要的感觉,因为你总是在走马观花的看,这样就算看很多高端的设计,还是没用,那么我们应该去静下心来分析每一个网站的好。只有明白了其中的奥妙,你才可以设计出自己满意的作品。下面小编就以酒店网站UI设计为例,从图片、色彩、布局等方面来讲解酒店网站界面应该如何设计。

    以上是一个国外的酒店网站设计。下面我们开始来分析这个酒店网站UI设计有什么特别之处。

    1、图片

    设计师在选图的时候保证了图片的一致性,所以在整体网站的图片色调都是偏暖色调,只为了给用户浏览网站的时候有一种舒适的体验。

    通过对比来缓解用户的视觉疲劳,整个网站首页在图片上面利用图片的尺寸比例进行大小大小的配图,为了就是给用户阅读的好奇心。

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

    当然还有的就是图片本身的质量以及构图方面要求也是很苛刻的,网站中任何一张图都是有清晰的主次关系和远近的层次感。

    2、颜色

    当你第一眼看到网站的时候,就会给人一种简约优雅的感觉,所以说明网站的配色还是比较讲究的。因为由于酒店行业的性质,网站主要展示酒店的特色运用了过多的图片,所以在网站首页的配色主要以深灰色和浅灰色白色为主,运用黄色和绿色作为点缀色,因为任何非彩色都不会影响彩色。

    3、布局

    网站布局采用的是Z字形布局,分别把需要介绍的内容利用左右交叉的方式进行,完美排列,这样做既不死板也给用户一种视觉上面的反差感。

    4、文字

    文字的重要性在网站中占了50%的比重,如果文字处理不好,也会让您的网站大打折扣。上面网站的文字选择寸线字体作为主要文字,呼应了LOGO用无寸线字体给人一种严禁的感觉,两者进行结合能够给用户平衡上的感觉,在文字排版上面通过字体的颜色和字体的大小进行对比,有效的突出了主要的信息。

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

    网站的其他一些细节

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

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

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

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

    下拉条和点击hover效果紧贴一起,为了就是不让元素分离,避免构图上面的不紧凑, 然后左边整个板块也是垂直居中于左边的图~包括内边距于上下左右都是相等的。

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

    这些是这个酒店网站首页界面设计的优点,内页其实也有很多细节值得学习。如果您正在进行一个酒店网站界面设计的项目,一定可以从中掌握很多的技巧。如果您有酒店网站UI设计需求,也欢迎咨询上海艾艺。

上一篇:高端品牌网站设计三个技巧下一篇:餐饮小程序开发解决方案
400-021-8655
在线咨询
在线留言