相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

日式网站设计中值得我们学习的地方

天堂鸟发布于:2016-6-12 16:28
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 色彩当我们看到小清新的网站的时候首先一定会想到日式网站!主要为年轻化的用户群网站居多!01:sarara 一家纯净水的网站!主要突出网站的 静 纯 自然 所以它的网站主题色系为蓝色系,主要由高饱蓝色到低饱蓝色的过 ...


通过特殊处理文字效果,使得文案中重要突出的内容  直接抓取了用户的视觉!

a95c575bd9160000012e7e48ead7.jpg

通过添加了图形让整个文字变的更加的丰富!

bf05575bd96f0000012e7ec05032.jpg

比较夸张的图形和文字内容进行结合展示!也是很有趣味性

ada4575bde650000012e7e6969c9.jpg

下面案例也是巧妙的利用图像和文案结合排版 ,也是很有趣味!

6e19575bd99e0000012e7e479f0f.jpg

03:使用图像和文字排版的案例

下图就是使用实景图像和文字进行一个巧妙结合设计!夸张的人物模特和神情。

增加了文案排版的视觉冲击力!让原本单调的文字变的有活力。


bf8d575bd9df0000012e7e7c9c35.jpg

根据上面几个案例分析得来我们在网站中进行文字排版可借鉴的几种方式!

01: 学会借鉴几何图形的比例去排版文字

02: 文字排版中巧妙的加入图形,不仅变的具有创意还会让你所表达的信息内容更加易懂。

03: 文字排版中学会融入来生活中图像元素,不仅会让你的视觉上得到质的提升 还会让你整个内容更加的接地气。等等还有很多方式需要你们去发掘了。

元素

网站中的 线条运用!几何图像的运用!

01:搭配文字一起运用! 

下面网站为了突出数字部分,采用明亮的线条作为提示作用! 这样不仅潮流,而且有效的抓住了用户的视觉和突出了重点!

b0b2575bda290000018c1baa1f2a.jpg

相同的道理 这里也运用了线条 来突出文字的重要性!

b747575bda300000018c1bb62050.jpg

02:按钮的运用!

下面的网页 将线条运用在网页中的按钮上!告别实色为主的方式,利用线条更好和整体融合 !加强了按钮的透彻感也是非常新颖的展现方式!

033c575bda3c0000012e7e3c6ff2.jpg

03:网页整体的装饰作用:

线条的加入让下面的网页每一屏之前有了区分感!同时也吸引了用户的注意力。避免了两屏内容相互干扰。

51f8575bda590000018c1bb07839.jpg

等等:

2: 常用的利用线来辅助作用!

01:利用线条进行分隔作用的案例:下面网站为了让整个信息更加的有条理的去展示!避免了彼此的干扰。

94e8575bda7a0000012e7e086bcf.jpg

12

好评
12

差评

刚表态过的朋友 (24 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 楞严经

  • USB空军2号

  • askjkrew

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计