20+日式企业网站,总有值得你参考的地方

我想很多设计师都认同或喜欢日本的设计,不管是建筑、产品、包装,在网页设计方面,也有值得我们学习的地方。

今天小编精选了20 日式 Web Design 作品,有餐饮、产品专题页、互联网、设计工作室等行业,从这些案例可以看出设计师是想尽脑汁去设计好一个网站,而不是简单的「美观」,除了做到精美、大胆的网页布局,同时还增添一些细节交互动效,使网页变得更加精彩!

下面大家一起来欣赏这20个漂亮的日本网站,请不要光看,要懂得「思考」,这就是高级设计师与初级设计师的区别。

500 Colored Pencils

一支彩铅都要做这么漂亮的专题页,可见日本对设计、对品牌包装的重视程度。左右滑动的 JS 特效很好玩,看到这500支彩铅,小编也有点心动了

G-A

话说只有设计水平到一定程度后,才这么大胆做这种设计吧?

Kirin

这是一家餐饮企业的品牌网站,在小编看了,很少餐饮企业愿意花这么多精力和资金做一个品牌网站,可见日本对设计的重视和大陆不是一个档次。。

kirin 里面的很多大胆排版方式很漂亮,像是 VI 手册般的平面设计,但又比 VI 好一点,因为多了些动态效果,还有个强大之处就是,这排版还支持响应式。

SERAKU

这是一家互联网机构,网站采用了双语言(日语 英文),以日式插画作为首屏页面,让首页拥有强大的视觉吸引力。网站的英文字体、数字没有使用系统自带,而是其它嵌入式字体,以视觉优先。

Gina

Gina 也是一个餐饮食品网站,这个首页的视觉离不开摄影师的功劳,漂亮的摆拍摄影让首页增添不少美感。

Toshin-Sekai

一家网站杂志媒体网站,日后你要设计信息类的网站,这个时尚版式是不错的参考对象。

网站的导航菜单直接隐藏了,采用「面包屑」导航,展开后,是这样子!太大了吧。。

Udatsu

单单是用鼠标移动左侧导航的哪一个细微交互,这也已经很不错了。要懂得思考啊,同学们。

Newgraduate

简约时尚的网页设计。

Carborocco

干净的页面布局,有时候只用图片排版可以会很单调,比如有些地方空白太多,所以设计师就加了一些图形来做点缀,每个页面都很 nice,所以不要光看首页,其它页面也点点看哦!

B-Monster

上面的排版太过有特色?太个性?好吧,来个中规中矩的给你看。

Tamanabokujo

手绘风格的导航设计也是很有意思哦。

Aozoramokuzai

也是中规中矩的页面排法,这种网站 Banner 的视觉也重要。这家木材厂的横幅就使用了视频来做,效果也相当不错。

Danielspatzek

一个设计师的个人网站,创意十足呢!特别是动效超 cool,实现起来估计也相当麻烦的。(但个不是日本网站,小编小心点开看,不错就顺便推荐啦)

Foodfloor

美食 APP 着陆页的设计

Orangina

只彩2种颜色搭配的网站,蓝色 黄色,效果也很棒呢,你怎么看?

Kirameki Dental Land

一家专注儿童牙齿健康的机构的网站,导航使用了与 LOGO 相衬的多彩点缀,使整体视觉看起来活跃不少。

Suzuka 2017 专题页设计

Kyoeiseicha茶叶

kyoeiseicha 是一家卖茶的企业品牌,网站采用自然界的绿色作为主色,首屏 Banner 使用了不规则的形状图案,还有就是图像方面也用上了「高清图片」的质量,这才能使得网页看起来不会低端、劣质,以后记得不要省哪几个流量啦!

Koshibasaki

某明星的介绍页?

Descente

Kenjiokabe的摄影博客

静静的用图片记录生活点滴——

以上优秀 Website 均摘自设计导航推荐的:MUUUUU, 4db, straightline 以及 81-web日本网页设计画廊,大家有空的时候不妨到这里找找日本的网站灵感。

设计达人

(0)

相关推荐

  • 浅谈日式网站——我们需要学会哪些?

    主要通过分析日式网站的设计.色彩.文字.图片元素,这四个方面去解析. 本文章适合所有愿意提升网页设计的小伙伴看. 本文章是楼主我根据分析得出. 希望大家看了这篇文章 会有所帮助和提升. 色彩 当我们看 ...

  • 企业网站集客式营销模式的三个方面

    如果企业网站仅仅是用来介绍新品.发布活动通告,这与普通网站没有大的区别,对于这样的网站,普通用户即便通过搜索引擎进入,点击相关内容匆匆浏览后就离开了,不会对网站留下太深刻的印象,那么如何才能让企业网站 ...

  • 十大最佳剧情的日式RPG神作

    说起RPG,最重要的恐怕不是玩法,而是剧情了.日式RPG以其独特的注重剧情,而且剧情还曲折离奇扣人心弦而在游戏界独分一杯羹.但是有多少JRPG游戏你玩过呢?你被他们的剧情打动了吗?目前著名游戏网站盘点 ...

  • 可牛影像打造日式漫画人物形象教程

    喜欢漫画的网友一定知道,日式漫画中的美少女们总拥有七头身的魔鬼身材和大眼镜、尖下巴的天使面孔。今天就教大家如何巧用可牛影像将自己的照片转换成漫画人物形象照,先看一下对比图: 第一步:利用可牛影像打开一 ...

  • 用可牛影像打造日式漫画人物形象

    喜欢漫画的网友一定知道,日式漫画中的美少女们总拥有七头身的魔鬼身材和大眼镜、尖下巴的天使面孔。今天就教大家如何巧用可牛影像将自己的照片转换成漫画人物形象照,先看一下对比图: 第一步:利用可牛影像打开一 ...

  • 可牛影像怎么打造日式漫画人物形象

    喜欢漫画的网友一定知道,日式漫画中的美少女们总拥有七头身的魔鬼身材和大眼镜.尖下巴的天使面孔.今天就教大家如何巧用可牛影像将自己的照片转换成漫画人物形象照,先看一下对比图: 第一步:利用可牛影像打开一 ...

  • Win10 RS2预览版14955升级截图曝光 10月20日编译完成

    10月24日消息,微软上周刚刚推送了Win10 RS2预览版系统14951快速版更新,Win10 Mobile和Windows10 PC同步推送,现在新的Win10 RedStone 2预览版1495 ...

  • 一个独特设计的企业网站模板(PSD免费下载!)

    小编:今天带来的由blazrobar分享的现代独特设计的企业网站模板.小编很喜欢背景雪山带有激励,厚重的设计效果.蓝黄色的组合可以很容易替换成您品牌颜色效果.值得借鉴或者学习.所以还等什么呢?赶紧下载 ...

  • 企业网站建设方案策划书

    网站建设方案是一个企业网站建站前成功与否有着极为重要的关系.在建设网站前我们应明确建设网站的主机目的是什么?仔细确定一下网站的功能,确定企业网站模板.投入的建站费用,并进行必要的市场营销分析等.只有详 ...