来天下人都是商品经理【终点大学】,BAT两栖作战派商品副总裁亲自动手系统带你学商品、学营运。

在模版层出不穷的今天,开个网志好像是两件特别单纯的事,并非么?网络平台就在那里摆着,写手只须要去撰文就好了,这有必能?但是实际的状况是,中文网站和网志数以千计,想使用者注意到你,关注你,并并非两件单纯的事。你须要什么样做才能从大量的同行业中十强呢?

非常博客(48494699博客)-第1张

打造出两个很漂亮的网志并不要求你一气呵成构筑整个产业布局,你可有充分利用原有的模版,为它配搭上两个足够多很漂亮又恰到好处的Banner图,加上两个Jhunjhunun有意思的副标题,如此一来可以更有效地招揽目标听众和使用者。,当使用者关上两个中文网站的时候,种叠展现出出来的是中文网站的页头,使用者是否会逗留很大程度上在这一瞬间有了决定。结构设计两个足够多杰出的中文网站页头是十分有必要性的。

那么到底要怎么做呢?贝阿尔恩县,让上面50个结构设计事例为你展现一下效用吧。

1、功能说明

非常博客(48494699博客)-第2张

网志The Everywhereist 的写手是一位轻度旅游观光发烧友,她和她妻子经常满世界玩儿,留下她们的烙印,并在网志上现场直播她们的旅途。证件、世界地图、底片都是她们在在世界上旅游观光的韦谢列,而网志Banner图上的这些原素也足够多让你激赏。

2、让副标题成为为你的象征

非常博客(48494699博客)-第3张

52 Weeks of UX,单看英文名字你就知道这是两个年内不间断的使用者新体验有关的网志,它的页头足够多单纯也足够多独特,你很清楚你接下去阅读的内容一定是UX有关的该文。

3、风格化的结构设计

非常博客(48494699博客)-第4张

Trent Walton 的中文网站是这么做的,在副标题的挑选出上更为风格化,如此一来,中文网站上不同该文在副标题上有明显的界定,也更为容易招揽行业龙头使用者。

4、展现出动效

非常博客(48494699博客)-第5张

动效总会比静态的原素更为招揽人,而作为两个有逼格的中文网站网志,VOTD 会在你关上中文网站的时候,加在两个很漂亮的LOGO动效,充满质感的LOGO在白色的背景上逐步展开,这种动效常常会让人爱不释手。

5、使用具有表现力的字体

非常博客(48494699博客)-第6张

The Wanderlust Project 的页头就用了一种十分有性格的手写风字体来书写副标题,这不仅十分抓眼球,而且当字体运用到配图当中之后,显得中文网站还很有一致性。

6、白底黑字总不错

非常博客(48494699博客)-第7张

在网页排版中,白底黑字这种经典的配搭总归是不会错的,不过字体的性格和排版的方式会决定整个中文网站的气质。The Socialite Family 是两个典型的时尚中文网站,博文以时尚雅致的室内结构设计为主,字体挑选出也优雅得体。

7、让LOGO处于中心位置

非常博客(48494699博客)-第8张

Premium Pixels 的中文网站中集合了大量的结构设计该文和资源,页头中最醒目的是中文网站那个炫酷的LOGO,当鼠标悬停在上面的时候会变化。中文网站内容很丰富,也许你想的资源。

8、字体排版和插画配搭起来

非常博客(48494699博客)-第9张

这个中文网站的内容是关于如何给孩子们做饭的,中文网站页头不仅采用了主题有关的插画,而且结合了效用不错的文字排版,结合独特的配色,让整个页面看起来很好吃。

9、缩小页头字体

非常博客(48494699博客)-第10张

The New Minimum 是两个时尚数字杂志,纤细而现代的页头字体和有限的导航功能让整个页面看起来十分简约。

10、大胆用色

非常博客(48494699博客)-第11张

Joy the Baker 在页头文字底部使用了水彩质感的衬底,让整个页头的招揽力一下子提升了上来。

11、高清大图页头

非常博客(48494699博客)-第12张

一图胜千言。I Am a Food Blog 作为两个美食类网志,它的结构设计在同行业中并不多见,结构设计师将导航栏缩减到十分小,然后用全屏轮播大图充塞了整个界面,内容点题,也充满了视觉冲击力。

12、加入纹理

非常博客(48494699博客)-第13张

Lark and Linen 是两个室内结构设计的网志,结构设计师在页头副标题中选用了一种手写字体,并为字体叠加了富有质感的纹理,这和网志的主题显得十分的贴合。

13、文字加插画

非常博客(48494699博客)-第14张

Keiko Lynn 这个站点同样采用了静态的插画和文字副标题来结构设计页头,为了营造俏皮可爱的氛围,配色和字体样式的挑选出都更为的鲜艳而花哨。

14、使用夸张的字体尺寸

非常博客(48494699博客)-第15张

大自然会更为醒目。这个名为 Good Moods 的中文网站将中文网站名称用超大的字体展现出在中文网站首页上,简直是两个直接大胆的你好,即使在相对出位的这类网志结构设计当中也是相当少见的手法。

15、充满创意的图案

非常博客(48494699博客)-第16张

The Five O’Clock Cocktail Blog 是两个关于鸡尾酒的网志,结构设计师在结构设计页头的时候,将鸡尾酒酒杯的原素融入到页头,点题又视觉化。线性图标拼贴式的图案不仅不会喧宾夺主,而且极具风格化。

16、制造视觉纵深

非常博客(48494699博客)-第17张

Friend of Type 的中文网站中集结了许多涂鸦风格的黑色图标,页头则采用了绿色的涂鸦字体作为界定,页头和前景的内容之间加上浅阴影来营造层次感和视觉纵深,让整个中文网站显得更为层次分明。

17、保持极简

非常博客(48494699博客)-第18张

Freunde Von Freunden是两个专注创意工作者专访的网志,它的英文名字是德语,意为朋友的朋友。中文网站结构设计风格极简而有品位,这种贯穿始终的风格在页头上体现出来,给人感觉也十分不错。

18、独树一帜的LOGO

非常博客(48494699博客)-第19张

如果你的中文网站拥有两个结构设计足够多杰出的LOGO就让它展现出出来吧,Good Design 就将自家的LOGO置于页头正中央,醒目而到位。

19、很漂亮的手写字体LOGO

非常博客(48494699博客)-第20张

许多时尚类的中文网站会采用这样的页头结构设计,手写风格的LOGO加上简约的导航结构设计,将自家品牌的气质借由强烈的对比和个性化的结构设计表现出来,配合合理的留白与品牌化的配色,中文网站会给人一种雅致而专业的感觉。

20、结构设计一款独特的图案

非常博客(48494699博客)-第21张

现在许多中文网站的LOGO会采用抽闲而艺术化的图案,优雅、独特而且充满了现代风,这样的图案可以很好地和时下流行的现代风结合到一起,但是又不会给人过强的品牌LOGO的感觉。

21、字体配搭

非常博客(48494699博客)-第22张

和撞色是两个道理,两种不同风格的字体在有的场合会营造出强烈的错位感,这种错位感如果拿捏得好会十分招揽眼球又不会显得太出戏。Homey Oh My 这个中文网站的页头是这样来营造视觉重心的。

22、很漂亮的轮播图

非常博客(48494699博客)-第23张

简约的导航、整饬的副标题和很漂亮的轮播图是 Harper and Haley 的首页的特色,而其中最招揽人的是轮播图的挑选出。

23、远离中央的副标题

非常博客(48494699博客)-第24张

别出机杼的副标题结构设计也是十分招揽人的,就像Lust For Life的页头结构设计一样,左对齐的副标题不仅采用了独特的手写字体,而且是动态的。

24、极简化

非常博客(48494699博客)-第25张

和保持简约的风格不同,Lined and Unlined 的中文网站结构设计更偏向于极简化的结构设计,最大限度的简化整体结构设计,字体和色彩尽量单纯,让真正有意思的内容凸显出来。

25、居中放置LOGO

非常博客(48494699博客)-第26张

Lauren Liess 也是两个经典优雅的结构设计网志,和同行业的时尚中文网站不同,占据两行的LOGO被放大置于中央,不同的样式更为能招揽使用者的注意力。如果你的LOGO也类似于此,不妨采用相似的结构设计。

译文作者@陈子木 该文来源@优设网

原文地址:designschool