UI设计成长笔记 No.9

本期目录

设计欣赏

设计欣赏


网站设计赏析 | 爱在旅途

1
2
3
4
5
6
7
8
9

整体网站风格属于文艺风,并做出了杂志的质感来。

  • 杂志的质感是如何体现出来的呢?

纸张纹理的叠加
叠加纸张纹理能迅速增加设计的质感,平时可以多搜集一些纸张纹理。

仿印刷选择颜色
选取高饱和度低亮度的颜色来从颜色上让网页视觉更接近杂志。

栅格系统的应用
无论是杂志排版还是网站排版,我们都需要使用栅格系统来辅助我们排版。栅格系统能方便我们划分区域和迅速定位。

杂志的排版方式
多关注杂志的排版方式以便我们在做网页设计的时候能够灵活运用

噪点杂质的应用
在页面中再增加一些噪点,在装饰元素上增加一些杂质的效果,让杂志的感觉更细腻。

  • 文艺体现在了哪里呢?

手写字体的应用
手写自己更自由活泼,给画面增添灵动感。胖胖的手写字体更有亲和力,所以字体的选择非常重要,一定要选择和自己设计风格相符的字体。

宋体字的应用
一般表现文艺都会选择宋体字来进行设计。旅拍一般女生为主,所以用了宋体来表达文艺的质感,以吸引更多女生点击了解详情。

突出了图片,图片的文艺感觉增强了网站的文艺感
图片具有很强的情绪感染性。这个网页选用的图片都是很唯一的图片,再加上图片占了很大的面积,所以很容易就把网站的文艺感铺垫开了。

邮章图案的使用
文艺青年喜欢手写信、明信片,而设计师选取了最具代表性的邮戳图案来辅助装饰,进一步增加了设计的文艺感。

手绘元素的使用
除了手写字,手绘图案也会让页面更文艺灵动。这个设计添加了一个小的手绘元素,显得更活泼灵动。

圆及圆角的使用
一般圆及圆角都比尖角显得更亲切更有吸引人,所以想要表现温暖亲切的感觉的时候尽量不要选用尖叫。

分割部分的曲线应用
在每部分分割处并没有简单的用横线或不同颜色来区分,而使用曲线加背景图和文字的方式来表现分割,即不突兀,也更能引起观看者的注意。

横排文字和竖排文字结合使用
传统汉字都是竖排排版,这里横排和竖排文字结合排版,版面更活动有变化,同时也更提升了文艺感。

话说这个网站是红配绿设计的呢,但是却异常的好看。所以不要轻易否定某个颜色,每个颜色都有适合它的应用方式。

以上是我个人对这个网页的分析,如果有其他好的想法和意见欢迎进文章最下方扫描二维码添加我微信进行交流。😊

ps:很喜欢这种杂志感觉的网站设计风格,于是特意根据设计稿提示去找了一下相应的官网,恩,有点伤心。这么好的设计被头部粗大的字体和不停跳出来的弹框给淹没了。上线后的网站的气质不如设计稿优雅美好吸引人。

以上图片源自:站酷@N妮妮123



想有更多交流欢迎添加本人微信:Cymaizi

1



comments powered by Disqus