最近,我们遇到了很多客户,他们想重做网站,但往往不能给出明确的方向。因此,今天的文章是写一篇视觉设计选择指南,描述网站将使用的一些关键词,以及他们的实际案例,直接写在山上!
首先,除了下面提到的风格、材料、面提到的风格、材料、颜色、感觉,还有很多小细节需要注意,如插图风格、动画形式、菜单形式等,本文旨在帮助你找到总体方向,迈出第一步。
废话不多说,让我们从风格开始吧!
一、风格
在网站设计中,用来形容网页的形容词大概是平率最高的「大众化」与「独特」了吧。
这里所谓的流行不是贬义,而是大众的常见设计。
例如dev.startear.com/steak/,落地页是商品照片,黑色透明遮罩,然后压品牌Logo,这样的画面,你能瞬间想到类似的设计吗?
这种设计通常是由于网站和网站之间的高度相似性,并且已经在网络上运行多年。按钮位置和网站架构更符合主流使用习惯,让公众一眼就能理解。熟悉的操作方法是最美味的!
独特性主要是指开发网站。网页设计公司和客户负责人将从了解商品开始定制网站规划。因此,一些独特有趣的功能或动画经常出现在这些网站上。
以www.liquor-nce.com在这种情况下,通过铺克牌等线条,勾勒出威士忌的高贵典雅气质。本网站的插图经过设计师和客户的几次构思和讨论,甚至照片也由网页公司定制。
二、素材
网页设计中的材料是指网站中的照片、图片、图案甚至按钮,营造网站氛围不可或缺的对象。
在销售服务和教育机构的网站上「人」大部分都是打交道,所以希望网站的设计能让用户感觉亲切,所以这类网站大多选择用真人图片作为素材。
这里的例子是www.tse.nthu.edu.tw,不仅用实景照片让气氛更悠闲,还用学生摄影师展现校园最真实的样子。
在金融商品中,大多数网站通过插图或真人图片结合插图呈现,如bank.sinopac.com/sinopacBT/webevents/USStock/index.html#industry,美国股市一页网站选择美国插图搭配,符合主题,达到锦上添花的效果。
材料的选择不仅受商品性质的影响,还受目标客户群体的影响,如https://saiyo.sme.co.jp/graduate/23/选择使用五颜六色的3,因为面向初出茅庐的应届毕业生征才。D人物,打造一个轻松、适合年轻人的征才网页。
三、色系
化妆品分为冷黄皮肤,摄影有色温,网页设计也分为暖色、中性色、冷色等。
一般来说,冷色的网页设计更适合高科技和技术相关行业,因为冷色更容易呈现「科技感」。这里的案例是ventureforamerica.org,Venture for America它是一个培养大学毕业生成为领导者的机构,它们以不同程度的蓝色贯穿整个网站,使网站散发出高冷的气氛。
中性色相对适合适合调性中立的单位,教育、政府机关等等,例如energypark.org.tw,网站的色调由绿色和蓝紫色组成,不冷也不暖,搭配吉祥物北极熊,俏皮有趣。
暖色容易营造舒适感,更适合生活选物店和女性消费店,如牧毛镇www.stoov.com,网站背景是浅肤色,按键颜色是橙色,圆角,配色像你梦想中温暖的豪宅。
除了暖、中、冷等调性外,还有一种网页设计,以品牌本身的代表色为网站主色调,如牧毛镇(shop.lyrasoft.net)。这种设计可以快速构建网站的整体感,这是业相当常见的做法。
如果你不知道该选择什么颜色,选择与品牌颜色相同的颜色来制作网站绝对是你最安全和有效的选择。
|注意|
对颜色的判断非常主观,暖色也能产生科技感,以上案例只表现出更常见的做法。
四、感受
这部分的感觉,纯粹是你的网站呈现给用户的「氛围」。
棉乐悦事(dhartimata.com/zh/about/story),意为尼泊尔文及梵文中的「大地之母」。
Datavedio国际官网(www.datavideo.com),国际科技公司的业务是制造和租用与导播机相关的产品,地图扩展到世界各地。由于商品的外观和用户环境大多是黑色的,品牌的颜色是深蓝色的,科技感和高冷感的结合正好符合品牌的色调。
网站主要贩售尼泊尔女性以自然原料手工打造的永续性商品,以及分享尼泊尔当地的暖心故事。因此,咨询时即表达网站要给人温馨的感觉,最终的成品以暖色调为网站主色调,搭配手绘感插画,让网站充满亲切又温暖的感觉。
你的品牌给予造访者什么样的感受、使用什么颜色、放上何种素材,完全取决于你的故事,高冷科技业或是温暖的女性力量亦或是严肃的教育机构,这个故事会将网站分向完全不同的结果。