网页设计的吸睛策略
网络时代中,当各种产业都面向网路经济时,网页设计是否够吸睛,往往成了营销致胜的关键主因之一。我们整理了 8 个网页设计的主流应用方向,希望可以作为网站改版或活动网站设计的参考依据。
1. 满版图片设计
相较于纯文字的描述,视觉性内容更容易吸引网友眼球,利用高画质图片让网友愿意多花一点时间在网站中,并开始留意网站所提供的产品服务说明。其实大图的设计风格我们可以从 2014 年的一些网站中逐渐寻觅轨迹,例如 Wearemammoth,Fiftythree,Dodocase 等网站中了解网页设计的趋势。除此之外,大家可能会好奇高画质的图片去哪下载呢?笔者提供一个自己常用的图库网站 Stocksnap.io,不仅免费而且无需经过授权。
2. 扁平式设计
扁平式设计为 2014 年初所释出的一种设计风格,由 Apple 以及 Microsoft 引领此种设计风格,其优点在于能够结合不同素材,并且利用较短的时间就能完成设计。其中 Google’s Material design 就是最好的范例之一。
3. 情绪性图片设计
情绪性图片不单纯只是一张图片,它能藉由图片中的人、事、物深化内容资讯,让网友从图片就能意会到作者或编辑欲想表达的情境与感觉,这也就是为什么情绪性图片是许多部落格写手与作家最喜欢在网站中所使用的图片类型,例如Snow fall 与Rolex awards 是使用情绪性图片的范例网站。
4. 印刷式设计
网站使用的字型也会影响到浏览的视觉效果。我们能够从许多网站发现,越来越多网站开始使用高画质印刷字型或云端字型作为网站的设计风格,其优点在于能运用简单的资讯内容与强烈对比让网友能迅速对网站品牌留下印象,其中以Rsq 与Je Sus Unico 的网站最明显。
5. 异想情境设计
利用脱离现实情境的设计风格来吸引网友的注意力。此种设计风格的网站较为稀少,其中以 Magic Leap 为此种设计风格的范例。国外营销团队 Hubspot 也预测在 2015 年将会有更多网站开始使用异想情境的设计风格。
6. 手绘风格设计
网页设计的制式风格可能脱离不了又大又美的图片以及抢眼的印刷字体,但手绘式风格却逆向操作,利用平易近人的设计突显出另一种吸睛的网站风格,让网友能够以轻松的心情浏览网页,增加网站的停留时间。例如 A List Apart 以及 Basecamp 等都是利用手绘风格设计的范例网站。
7. 背景影片设计
比起高画质图片,动态背景更容易传递品牌价值给网友。此种设计风格是利用短暂的背景动态影片循环来加深网友对于品牌的印象。在2014 年,许多网站普遍采用高画质图片辅助网站的视觉效果,我们也能预见这类风格的网站在未来将持续带给网友耳目一新的视觉体验,例如: Airbnb,Rosewater Film,Maersk Fleet 都是使用背景影片设计的范例网站。
8. 电影动态设计
相较于图片与影片的设计,电影动态影片虽然较为特别,但也更难掌控视觉呈现的效果。藉由静态动图的呈现方式,让每张图片更具有张力与故事性,发挥网友的想像力,将每个部分的故事串接起来,宛如看电影一般。 Cinemagraphs 与 The Guardian Firestorm 都是使用电影动态设计的范例网站。
无论是哪种网页设计的方向,不同类型的网站都必须思考如何利用最有效的网页设计辅助营销传播,而前提必须符合目标族群、产品与市场定位的考量,再衡量上述分享的应用设计是否符合需求;毕竟如果为了设计而设计,反而失去了网站设计的初衷,而让网页设计成效大打折扣。
1. 满版图片设计
相较于纯文字的描述,视觉性内容更容易吸引网友眼球,利用高画质图片让网友愿意多花一点时间在网站中,并开始留意网站所提供的产品服务说明。其实大图的设计风格我们可以从 2014 年的一些网站中逐渐寻觅轨迹,例如 Wearemammoth,Fiftythree,Dodocase 等网站中了解网页设计的趋势。除此之外,大家可能会好奇高画质的图片去哪下载呢?笔者提供一个自己常用的图库网站 Stocksnap.io,不仅免费而且无需经过授权。
2. 扁平式设计
扁平式设计为 2014 年初所释出的一种设计风格,由 Apple 以及 Microsoft 引领此种设计风格,其优点在于能够结合不同素材,并且利用较短的时间就能完成设计。其中 Google’s Material design 就是最好的范例之一。
3. 情绪性图片设计
情绪性图片不单纯只是一张图片,它能藉由图片中的人、事、物深化内容资讯,让网友从图片就能意会到作者或编辑欲想表达的情境与感觉,这也就是为什么情绪性图片是许多部落格写手与作家最喜欢在网站中所使用的图片类型,例如Snow fall 与Rolex awards 是使用情绪性图片的范例网站。
4. 印刷式设计
网站使用的字型也会影响到浏览的视觉效果。我们能够从许多网站发现,越来越多网站开始使用高画质印刷字型或云端字型作为网站的设计风格,其优点在于能运用简单的资讯内容与强烈对比让网友能迅速对网站品牌留下印象,其中以Rsq 与Je Sus Unico 的网站最明显。
5. 异想情境设计
利用脱离现实情境的设计风格来吸引网友的注意力。此种设计风格的网站较为稀少,其中以 Magic Leap 为此种设计风格的范例。国外营销团队 Hubspot 也预测在 2015 年将会有更多网站开始使用异想情境的设计风格。
6. 手绘风格设计
网页设计的制式风格可能脱离不了又大又美的图片以及抢眼的印刷字体,但手绘式风格却逆向操作,利用平易近人的设计突显出另一种吸睛的网站风格,让网友能够以轻松的心情浏览网页,增加网站的停留时间。例如 A List Apart 以及 Basecamp 等都是利用手绘风格设计的范例网站。
7. 背景影片设计
比起高画质图片,动态背景更容易传递品牌价值给网友。此种设计风格是利用短暂的背景动态影片循环来加深网友对于品牌的印象。在2014 年,许多网站普遍采用高画质图片辅助网站的视觉效果,我们也能预见这类风格的网站在未来将持续带给网友耳目一新的视觉体验,例如: Airbnb,Rosewater Film,Maersk Fleet 都是使用背景影片设计的范例网站。
8. 电影动态设计
相较于图片与影片的设计,电影动态影片虽然较为特别,但也更难掌控视觉呈现的效果。藉由静态动图的呈现方式,让每张图片更具有张力与故事性,发挥网友的想像力,将每个部分的故事串接起来,宛如看电影一般。 Cinemagraphs 与 The Guardian Firestorm 都是使用电影动态设计的范例网站。
无论是哪种网页设计的方向,不同类型的网站都必须思考如何利用最有效的网页设计辅助营销传播,而前提必须符合目标族群、产品与市场定位的考量,再衡量上述分享的应用设计是否符合需求;毕竟如果为了设计而设计,反而失去了网站设计的初衷,而让网页设计成效大打折扣。
- 基于用户创新
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
- 服务设计思维
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
- 洞察用户心理
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
- 查看更多 >>
最新新闻Latest News
- 中小型企业网站建设完应该如何营销
- 很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
- 做企业网站到底做给谁看?
- 设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
- 传统企业进军移动互联网,从移动云网站开始
- 移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
- 网站建设和运营五大细节决定用户黏性
- 网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
- 2015年值得关注的电子商务5大趋势
- 线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……