以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们气概低调沉稳,几近只使用吵嘴灰三种色彩,却不近似,并且在细节上都很是讲究。
ThemeForest是很是值得网页设计师存眷的高品质网站,其上的几近每一个设计模板都称得上是精采的设计作品,值得我们认真琢磨学习。这篇文章里我将按照自己的不雅点对这10个设计模板的设计思路和体例做一总结,列出其中的要点,挖掘值得我们在网页设计中值得鉴戒的东西,希望能够对年夜家有所帮忙。
一、设计的目的是为了信息更好的传播
1、整体气概感触感染很清洁,原因是整个页面近乎于白色,只用很是亮的不合条理的灰色来区分各信息区域。主视觉布景应用的灰色渐变颜色最暗的值也才是#F4F4F4。而灰色之上用高饱和度和亮度的成色做跳超卓,不至于让页面看上去灰灰的一片。下面的截图显示这个设计中使用的灰色是很是亮的,而跳出的橙色根基上使用了最年夜的色值。
2、整个页面没有过量的设计元素呈现,导航没有设计导航条,”Read more”也没有做成按钮的样式。只是将文字、图片放置于页面上,通过元素之间的间距、文字年夜小、文字颜色来组织信息,尤其是各部分信息间较宽的留白,让页面也更有透气感。从这个设计我们可以体会到设计的核心目的在于为功能性加分,作为网页设计来讲,就是更好的传递信息,就像百度同盟用户体验中心的主视觉上写的”让复杂的内容通过设计的手段达到最优的传播性。”而我们常常为了纯真的所谓”酷”和”炫”的设计,通过深入的阐发这个设计案例可以取得反思。
3、整个页面为通栏设计,内容居中于930像素范围之内。这样的设计去除左右的边框,更有透气感,是企业网站设计中常常使用的布局体例。
4、设计中出彩的处所在于主视觉文案部分的年夜尺寸的字体,让整篇文字年夜小看上去差不多的页面有了视觉中心和条理感。
5、亮度较高或白色布景下图片边框的设计可以作为参考的设计样式。
2、传统页面式居中布局
1、和前一个设计近似,这个设计中的色彩思路是,整个设计灰度偏暗并且各条理之间反差较小,营造一种平静的基调,用亮度和饱和度较高的色彩跳出,打破整体灰色的沉闷,也让使用了色彩的信息文字更加醒目。
2、主视觉部分幻灯片的样式,包含当前图片状态(左下角小圆圈)、幻灯切换按钮(左右箭头)以及文案的表示体例可以作为一种设计体例参考。
3、行为请求按钮区域(Buy Now)功能上的重要性在视觉设计上也取得了突出,区别于其他区域,这部分的布景添加了斜纹的材质,色彩上也更深一些。其他区域,例如下面的Portfolio和Our Service信息区域部分用1像素的线隔开,既体现出附属于不合的区域,又不割裂个区域之间的关系。
4、深色布景下的图片边框设计体例很简单,加一个亮度稍高一点的色彩便可以了。