注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

My Dream

我的“艺术动漫库”

 
 
 

日志

 
 
关于我

双鱼座的我,多愁善感又爱做梦,只有在艺术的海洋里才能自由呼吸,并努力寻找着属于自己的那片绚丽空间~

网易考拉推荐
 
 

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

2015-03-25 16:46:41|  分类: 设计素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

和风网站的设计要点和案例素材 - 晓楠 - My Dream


1.配色

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


传统色

和风网站的设计要点和案例素材 - 晓楠 - My Dream


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


袭色目


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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


配色点子


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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

#EACDCD, #75394D, #402E2B, #57734A, #BFBF56


和风网站的设计要点和案例素材 - 晓楠 - My Dream

#435847, #B1B4AD, #EBE9DA, #2B1F1F, #BA2A2A


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

#FEFDED, #AAAE93, #2D343C, #350023, #060A07


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

#C13A40, #8B1A1E, #F1D79A, #CABA89, #756F55


和风网站的设计要点和案例素材 - 晓楠 - My Dream

#2B2B2B, #DB3000, #E64215, #E0B34E, #FCFCFC


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


2.花纹样式


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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

wargo pattern

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

Japanese style pattern by gimei on deviantART

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

粋屋

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


和风网站的设计要点和案例素材 - 晓楠 - My Dream

Download 5 Premium High Resolution Japanese Paper Backgrounds for Free

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



3.插图


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



和风网站的设计要点和案例素材 - 晓楠 - My Dream


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


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


和风网站的设计要点和案例素材 - 晓楠 - My Dream


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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

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


字体


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

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

ほのか明朝




和风网站的设计要点和案例素材 - 晓楠 - My Dream

うつくし明朝体


和风网站的设计要点和案例素材 - 晓楠 - My Dream

はんなり明朝体



和风网站的设计要点和案例素材 - 晓楠 - My Dream

こころ明朝体


和风网站的设计要点和案例素材 - 晓楠 - My Dream

衡山毛筆フォント



和风网站的设计要点和案例素材 - 晓楠 - My Dream

青柳衡山フォントT



和风设计的网站案例


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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

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

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

四季彩 美ゆ輝

大量留白很典雅。



和风网站的设计要点和案例素材 - 晓楠 - My Dream

千總

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

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

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

株式会社福井

到处使用插图做点缀。



和风网站的设计要点和案例素材 - 晓楠 - My Dream

白えび屋

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

宇治茶 祇園辻利

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



和风网站的设计要点和案例素材 - 晓楠 - My Dream

花嫁和婚

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

出典:http://www.webcreatorbox.com/inspiration/japanese-web-design/

翻译:SISENdesign



和风网站的设计要点和案例素材 - 晓楠 - My Dream


转自站酷:http://www.zcool.com.cn/article/ZMTQ4OTky.html#

  评论这张
 
阅读(31)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017