24
日式 | 细节控一定会喜欢的网站设计
日期:2018-01-06
正午十二点,和站长说一句:“设计说”三个字,站长会为您推送一条设计物语,或文字,或图片,或声音。感受设计的力量,体会生命的艺术,365天,365句经典,我们相约每日正午时分,不见不散。
转发自微信公众号小象爱设计(ID:xiaoxiangaisheji),
请获得授权发布。
好的设计,是每一个人都有目共睹的。可在实际使用中体验如何只有使用者本身才最有发言权。就像许多设计在诞生之初就已经开始为用户考虑,不论是对整体的使用体验,还是对微小细节的把控,设计者都会有所考量。网站设计也是如此,下面这组来自日本的网站设计就很好地诠释了这一点。
你会发现,许多对待网站设计的态度与设计者的性格是十分相似的,这些网站所流露的那种严谨谦逊的态度就与日本人自身有几分相似。淡雅清新的水彩渲染亦或是日式传统的装饰物,都体现着内敛却不落俗的特点,除了给用户提供视觉上的愉悦外,在使用体验中无形的温暖也会让你感到体贴。
● ● ●
Good Design Company 与传统网站不同,他们将大多数用户比较关心且查看频率较高的案例提前到了首页整版。虽然在视觉的布局上,看起来会过于紧凑,但当将鼠标拖动至对应案例上时整竖列的图片都会随之变化。让用户可以轻松浏览整版内容。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462451848461099393.png
▼ 当鼠标拖动至第三列时
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462451872943015814.png
● ● ●
日式田园系风格以 tukuru-hito 为代表,清新自然的感觉充斥着整个版面,利用漂浮物这一灵动元素营造出了更加清新的的感觉。如下图中的树叶元素。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462451890142023757.png
● ● ●
Stepc 是一个全屏 Flash 的网站,网站将色块与像素元素相结合,让网站拥有复古气息的同时又不失现代化色彩。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452085321072959.png
● ● ●
“没有过多的设计,也是另一种设计。”就像原研哉曾经说过的这样,Mitsugashi 就以简单平铺的浏览方式营造出了自然简单的味道,这也是日式网站设计的代表之一。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462451979523055490.png
● ● ●
Kataomoi3 是一个充斥着满满日本风情的个人博客网站。“细节”在这个网站被运用得格外出色,你会发现由花瓣组成的文字会随着你鼠标的滑动而自然散落开来。清新的字体与唯美的花瓣散落效果,让这个网站的清新气质被表现的恰当好处。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462451994139036604.png
▼ 当鼠标向下滑动时字体的变化
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452016691004184.png
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452023670029845.png
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452029632011008.png
● ● ●
suzuki-komuten 虽然不能称之为有格调的设计,但是其规整有序的划分却从另一个侧面上反映了日本都市繁忙的生活节奏。缺少了美感但清晰规矩的图文排版,可以让你以最快速度找到你想要的东西。
● ● ●
日式网站常用的手法之一就是水粉画元素,ohzan 就使用了这一元素。素雅有致的水粉手法完美的将网站想要表达的日式古典文化衬托出来,韵味十足。
● ● ●
Tokyonohatakekara 是一个日本甜品店的网站。整个网站采用了俏皮的手绘风格,可爱又不失活泼的感觉,相信会博得甜品爱好者的由衷喜爱。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452056197002387.png
● ● ●
下图中的气泡是 Asitanosikaku 的首页,网站的内容都在这个巨大气泡中展示。悬浮轻盈的气泡会随着鼠标的移动而轻微晃动,让人产生一种吹弹即破的错觉。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452067632095976.png
● ● ●
More Rare 是日本的一个电子商务网站。More Rare 将视觉美感与用户体验完美的结合,首页上展示的热门商品一概省去了价格、描述、标注等固有元素。让用户将更多的注意力集中在商品本身。
http://7xo6kd.com1.z0.glb.clouddn.com/upload-ueditor-image-20160505-1462452074769005695.png
日站君推荐这个拥有灵魂的公众号
▼
如果您想把自己与日本&设计&艺术&游记
相关的故事讲给99万听众,
那么联系小编(加微信:japandesign2050),火速投稿吧。
记得你在微信、微博、QQ兴趣部落、
QQ订阅号、人人小站都能找到我们。
你知道吗?
调戏小编已经成为99%日站粉丝的每日必修课,
把想说的话在评论区里留言,看机智小编与你大战三百回合。