和风网站的设计要点和案例素材

2015-04-22 23:23

一、配色

 

听到“和风设计”会想到什么样的颜色呢?大概不是明亮的浅粉色和通透的水色,而是像芥末色和暗红色那样的,很少有人会想到清亮的颜色。日本存在着传统的颜色和配色,熟练的使用这些颜色会更接近和风设计的感觉。

 

/// 传统色

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

日本の伝統色 和色大辞典是介绍日本传统色的色标。很多颜色的饱和度都很低,有自然和柔和的感觉。颜色的名称是采用动植物和染色的名字,光看名字就是一种享受。

 

/// 袭色目

 

所谓的袭色目是在平安时代从贵族穿的和服流行中所产生的重叠配色。和服的面料,衬料的色调代表着日本的四季交替变化, 听说前人很享受那样美丽的色调。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com 

“日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ”的文章介绍了各种各样的袭色目。因为色标也被刊登着,所以可以在和风配色的时候进行参考。

 

/// 配色点子

 

从配色网站 COLOURlovers,选出几个与和风设计相配的颜色。连接处也介绍了配色的来源,其来源是日本的浮世绘和照片等。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com#EACDCD, #75394D, #402E2B, #57734A, #BFBF56

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com#435847, #B1B4AD, #EBE9DA, #2B1F1F, #BA2A2A

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#398793, #9DBDAE, #FFEFC9, #F4CA66, #E59A57

 

 和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#F9E9CB, #94B78D, #BA0505, #F20F21, #0C1312

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com#FEFDED, #AAAE93, #2D343C, #350023, #060A07

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#416853, #29261F, #E1CAA0, #C6665A, #DED09F

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com#C13A40, #8B1A1E, #F1D79A, #CABA89, #756F55

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com#2B2B2B, #DB3000, #E64215, #E0B34E, #FCFCFC

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#DEE4BE, #A7B4AA, #221908, #F06C53, #F7EAD9

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#AF736B, #FF9E73, #FCE1B4, #9EB394, #1E3835

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

#579485, #7F7460, #A2765B, #ECC2AA, #F1DDBC

 

各位童鞋如果觉得有用,可以将配色方案图片单独保存到自己的资料库中哦~

 

 

二、花纹样式

 

波浪,樱花,漩涡和市松等等。在日本,以前就是一直被喜欢的特有样式。即使是设计也加入那些样式吧!介绍一些免费下载和风样式的网站。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

wargo pattern

不只是花纹,也准备了点和涡纹图案等样式的素材网站。一些和风插图可以也下载。可以商用。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

Japanese style pattern by gimei on deviantART  

有各种各样颜色的花纹样式。可以商用。也可以下载一些没有颜色简单的花纹。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com 

粋屋  

从华丽的到简单的,可以下载各种各样的样式。商用需要联系。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

Download 5 Premium High Resolution Japanese Paper Backgrounds for Free  

文章内介绍了5张可以免费使用的样式图片。40张样式图片打包价4.99美元。

 

 

三、插图

 

在和风设计中频繁使用插图。其中多数是花和树等自然的,人物的等。那时候的日本人使用水墨画和浮世绘作为题材。和服的花纹用于和风设计也是正合适的。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com 

葛飾北斎的网站布置的全部都是和北斋风格相似的画,用网站体现着那样独特的世界观。配色和质感巧妙的组合在一起。

 

下面是可以免费下载和风插图的素材网站。可以试着在设计的点缀上使用。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

和風素材.com 是浮世绘和水墨画风的插图,江户的古地图,和纸等免费下载素材的网站。商用也可以。让制作复古的和风网站更容易。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

シルエットAC 散发各种各样剪影的插图的素材网站。属于和风范畴的忍者,舞姬,和风类的小东西等图片可以免费下载。

 

 

字 体

和风设计的网站经常使用明朝体。明朝体是从中国传到日本,在日本固定下来。明朝体自古就是被喜爱的字体,适合和风设计。用笔书写特别是毛笔字也很有人气。

 

这里介绍可以免费下载的明朝体和毛笔字。全部可以商用。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

ほのか明朝

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

うつくし明朝体

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

はんなり明朝体

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

こころ明朝体

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

衡山毛筆フォント

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

青柳衡山フォントT

 

 

和风设计的网站案例

介绍几个运用上述的要点设计的网站,试着参考一下。

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

株式会社 菱健 HISHIKEN Co. Ltd.,

背景只用了花纹,让人陶醉!

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

四季彩 美ゆ輝

大量留白很典雅。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

千總 

这也是个背景画面有魅力的网站。背景的画像随着和服商标的而改变。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

「綴」文化財未来継承プロジェクト

整体都是统一在古朴的色调。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

株式会社福井

到处使用插图做点缀。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

白えび屋

有虾的水彩插图和整体配色偏可爱的网站。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

宇治茶 祇園辻利

使用配色和个性的明朝体,典雅的和风设计。

 

 

和风网站的设计要点和案例素材 | 设计 思维 互联网  | zatime.com

花嫁和婚

照片自不必说,配色和偏可爱的图标也让人注目。

 

 

原文:http://www.webcreatorbox.com

翻译:SISENdesign


网友评论13条

  1. 东北特产  − 2015-04-22 23:23 回复TA

    感兴趣的话 也去我那看看

  2. 小旺财  − 2015-04-22 23:23 回复TA

    这里人气好高啊 赞下

  3. 松露  − 2015-04-22 23:23 回复TA

    这个好哇

  4. 卡丝  − 2015-04-22 23:23 回复TA

    看着还不错

  5. 淘宝兼職  − 2015-04-22 23:23 回复TA

    支持

  6. 广告联盟  − 2015-04-22 23:23 回复TA

    说得对 顶一个

  7. 悬臂吊  − 2015-04-22 23:23 回复TA

    挺漂亮的

  8. SEO优化  − 2015-04-22 23:23 回复TA

    第一次来你博客,文章不错哦,我涨姿势了,求认识啊博主,求回访www.aiyw.net

  9. 苏勇  − 2015-04-22 23:23 回复TA

    楼主文章写的真好,加油,欢迎楼主互动我的小站,苏勇博客:www.suyongblog.com

  10. 苏勇  − 2015-04-22 23:23 回复TA

    楼主文章写的真好,加油,欢迎楼主互动我的小站,苏勇博客:www.suyongblog.com

  11. 买木耳  − 2015-04-22 23:23 回复TA

    不错 支持你 有时间到我那看看 欢迎回访。。。

  12. 项目管理李翔宇  − 2015-04-22 23:23 回复TA

    果然很日系风。虽然我也有强烈的民族情结,但是不得不承认,日本对历史的传承及发展,比我们做的要好的多。

    • 杂时代 zatime.com  − 2015-04-22 23:23 回复TA

      我可能没有那么强烈的民族情结,毕竟那已经是过去了,值得学习的地方还是要学习的