详细解析日系网页设计的现象和本质

2016-02-16 23:32 24 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的详细解析日系网页设计的现象和本质,希望大家看完后能赶快学习起来。

【 tulaoshi.com - 平面设计 】

在很多人眼里,日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统,又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的,日本的网页设计风格很怪异。有点像1998年的网页风格。

Rakuten

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

NicoNicoDouga

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Gigazine

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

看看日本这些最流行的网站(比如 Goo, Rakuten, Yomiuri, NicoNico, OKWave, @cosme),你会发现他们都有共同点:

文字排布紧密

图像质量偏低

网页栏数太多

亮的刺眼的色彩和闪动的Banner

过度使用一些过时的技术,比如Flash

为什么其他设计日本人那么在行,网页设计这么糟烂呢?原因有很多,如下:

语言差异

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Photo by shootjapan.com

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

表意文字 – 中文和日文都属于表意文字,寥寥数语,但是信息量可以很大。在西方人眼里看来,这些文字可能看上去混杂无比,但是能够让日文使用者在短时间内表达出大量的意思。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

缺少强调 – 日文没有斜体,也没有大写字母,不像拉丁语系,很多通过大小写、倾斜来提供视觉暗示。因此,日文文本的信息层级组织不是特别容易,设计师需要分栏、配图来进行信息分层。

语言障碍 -互联网上大部分编程语言是由西方人和英语使用者设计的。很多的资源、资料都是用英文体现的。因此新的技术、趋势被引入到日本需要一定时间的延迟。

文化差异

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

危险回避 – 在日本文化中,不鼓励冒险和出格的行为。一旦某件事情有了先例,便会有很多人跟随,不管这种先例是不是问题的最佳解决方案。日本的很多流行风格都是如此,略微带一点保守。

消费意识– 日本人的防范心理很强,往往会仔细阅读技术规格和产品描述,在做出购买决定前,他们不会轻易的被标题和图像诱惑。少即是多的理论在这里并不适用,日本人需要详细的产品说明。

广告意识– 很多日本公司把互联网当成一个推广平台,而没把互联网当成强大的综合工具。在他们眼里,互联网只是类似宣传册,小空间密集信息宣传,而不是一种行之有效的交互工具。

城市文化 - 漫步东京涉谷,你会被无处不在的霓虹灯广告袭击,嘈杂的弹球房,喧闹的人群主要由上班族和学生组成。这种繁杂同样体现在互联网上。除此之外,日本国土面积狭小,惜地如金,空间不能有一丝一毫的浪费,因此这种理念体现在网页设计中,日本的网站很少采用留白。

岗位要求 - 我们再来看看日本的招聘广告,你会发现往往这么写招聘网络高手、招聘网络管理员,让我感觉仿佛回到了十多年前,那时候公司招IT人,都是要求编码、运营、设计一手包办而现在的日本依然有很多公司这么干。所以很多有潜力、有天赋的日本网页设计师选择了另谋高就,去别的地方施展他们的才华。

技术差异

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Photo by scion_cho

手机后遗症 - 在iPhone还没流行之前,日本的手机普及率就很客观,那时日本手机以翻盖居多,因此移动互联网专门对翻盖手机进行了优化。所以,现在的日本网页设计深受影响,喜欢把内容塞进狭小的空间里。

网络字体– 非拉丁语系的字体很少(中文,日本..),主要是因为表意文字跟表音文字不同,每个字都需要重新调节,设计起来非常耗时。因此日本设计师更喜欢用图片,避免使用不标准的字体。

Windows XP & IE 6 – 尽管软硬件迅速发展,但是还有很多人在使用Win XP和IE6,尤其是在公司中。

以上,大致就是这么几点

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

漫步东京,总是感觉自己身处于80年代所设想的未来景象中,主要归功于日本的建筑。

一方面,我看到了很多日本设计在大量炮制,很落伍,丝毫不考虑到当前的设计趋势。

另一方面我又看到很多能工巧匠,一丝不苟的在做事情,作品难以置信的美丽实用。

当然,有一部分的日本网页设计还是不错的,像UNIQLO,MUJI, CookPad 以及Kinokuniya 的网站,功能与形式兼备。我们来看看吧!

Uniqlo

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Ishiyama Senkoh

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Toyota Municipal Museum Of Art

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Hanamichiya

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Swiss

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Taromagazine

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

Takeo Paper Show

详细解析日系网页设计的现象和本质,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1576438.html

延伸阅读
关于Banner的设计,相信已经有很多人都看过这方面经验的分享了,我来公司也做过了一些Banner的设计,那在这其中通过不断的学习、实践积累了自己的一些小小经验和方法,下面给大家浅浅的分享下我总结的Banner设计经验。如有错误,尽管拍砖,小女子虚心请教学习。 Banner设计其实是我们接触互联网工作后,最常见一种工作。那么Banner到底...
随着互联网的高速发展,各种各样的网站层出不穷。在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。 作为网页设计师,我们...
第一印象通常就是一种持续印象。不管你是否意识到,你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。版式不仅仅是讲述一个故事,它告诉用户是这个网站的幕后以及这个背后的人是做什么的。对于字体的处理创造了一种氛围,同时也会像声音的音调一样击起长久的回想。 你需要问一问你自己,你想要表达什么以...
公司内训做的一些内容,当然和专业的UED相比,这样的视觉规范显得稚嫩,但对于新人,可以作为入门的参考材料。
在来腾讯的一年里,接触过许多项目里的字体设计,也因此在设计过程中形成了自己的一套字体设计方法。借此机会与大家分享设计心得,不足处欢迎顶帖回复。废话少说,直奔主题。 如何实现字体变形 如何实现字体变形?我想是刚接触字体设计的设计师们最关注的问题。在这里我只想分享一个观点,每个人的创意和实现方式各有不同。我在这儿介绍的...

经验教程

29

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部