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

来源:网络   作者:热心网友   发布时间:2016-06-24    浏览次数:318

文字

01:使用几何图图形的形状比例来进行文字排版

使用三角形比例进行文字文字排版

3881575bd80b0000012e7e5795ff.jpg

d542575bd8170000018c1b26982b.jpg



使用竖长方形比例来排版

b219575bd8270000012e7e575f05.jpg

使用横长方形比例来排版

d7c7575bd8380000018c1b5e2d66.jpg


使用六边形比例进行排版

f2ed575bd8570000012e7e8c954f.jpg

06f7575bd89e0000018c1be8a889.jpg


使用正方形比例进行排版

80f1575bd87e0000012e7e06005d.jpg

使用圆形的比例进行文字排版

1410575bd88a0000018c1ba7e12b.jpg

下面食品网站:文字进行竖排有效的将主视觉和介绍性的文字结合起来。又不失美感

c142575bd8c10000012e7ee7850d.jpg

同样使用竖排的文字方式进行排版的案例,下图文字采用竖排的方式!使得整个画面更加有贴切感。

449b575bd8d10000012e7e31b5b7.jpg


等等!

02:使用图案和文字结合的方式进行排版!这样使文字更加的趣味!使用户更快的理解!获取vi中的图形和文字结合排版!不适单调。让页面更加紧密。

ba8a575bd8eb0000018c1b004ade.jpg

下面页面也是类似这样的方式,延展vi中的元素进行图文搭配通过特殊处理文字效果,

使得文案中重要突出的内容 直接抓取了用户的视觉!

d57f575bd8ff0000012e7ea6c70b.jpg



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

a95c575bd9160000012e7e48ead7.jpg

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

bf05575bd96f0000012e7ec05032.jpg

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

ada4575bde650000012e7e6969c9.jpg

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

6e19575bd99e0000012e7e479f0f.jpg

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

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

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


bf8d575bd9df0000012e7e7c9c35.jpg

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

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

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

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


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:网页设计

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/4300.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通