读书频道 > 网站 > 网页设计 > 网页设计创意书. 第4卷
1.5 首页突出式
15-10-15    下载编辑
收藏    我要投稿   

本文所属图书 > 网页设计创意书. 第4卷

本书展示了近700个顶尖网站设计示例。这些网站时而浓墨重彩、时而简洁素雅,为读者带来一场丰富的视觉盛宴。读者可以从这些优秀的作品中获得启发,博采众长,将这些作品的成功设计理念为己所用,从而设计出夺人眼立即去当当网订购

本节我想着重介绍一下那些没有将作品分散在众多子页面中展示的网站,它们把作品放在了首页位置。不止于此,这些网站还将作品的图片摆在了首页最突出、最显眼的位置。多数时候,作品图片的摆放位置相当讲究,图片也很大,因此作品便成了整个页面的焦点。如果你的作品令人惊艳,这绝对是你设计作品集网站的绝佳方式。不再啰嗦一堆宣传的溢美之词或花哨的自我介绍,直接开门见山。很多时候,如果作品本身实在是非同凡响,则根本无需多言。它就像鱼饵一样引诱人们前来访问,使他们乐意与创造该作品的个人或机构合作。

我最喜欢的一个例子就是Hidden Depth网站(图1)。该公司的网站设计极为简单,基本上没有添加任何装饰。在截图中可以看到,一大幅作品展示图片放在了首页接近顶部的位置,这一个作品就成了通往所有作品展示页的入口,点击它就能够看到各式各样精美的作品整齐地排列在一起。(要想展现实力,有大量作品来撑腰总是更有说服力。)关于此处这个又大又显眼的作品展示,还有一点十分有趣,那就是它会随着屏幕大小的变化而变化。在大屏幕上,它是针对各类设备以及电脑的一组设计。当屏幕逐渐缩小,它就变成了一个笔记本电脑的图片,同时在笔记本屏幕上显示网站设计。最终,如果把屏幕缩小到移动设备的尺寸,它展示的就是三个iPhone,上面显示着移动网站的设计。尽管此处是个小设计,但他们如此将屏幕空间与使用终端匹配起来,真可谓别具匠心。

本节中列举的网站还经常使用另一种设计手法,那就是把作品排列在巨大的网格里,但几乎不添加其他任何辅助性内容或元素。Sarah Coulton的作品集网站(图2)就是其中的一个典型的例子。这个只有“骨架”的网站中除了作品以外,几乎没有为查看者提供任何其他内容。再说一遍,如果你确实有十分出色的作品,这也是让设计替你说话的绝佳办法。在这个例子中,Sarah的作品以及设计风格一览无余。采用这种设计方法有个风险,那就是页面上所含信息不多,所以你必须十分确定作品可以充分表达你想要传递的信息才行。同时,让人们能够联系到你也至关重要。不要被极简主义迷昏了头,结果忘记在页面上添加联系方式。



 

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站