大家好,我是讯享网,很高兴认识大家。
大家都是产品经理【起点学院】,BAT居然派产品总监带你通过系统学习产品和运营。
在模板满天飞的今天,开博客似乎是一件很简单的事情,不是吗?平台就在那里,博主只需要发帖。为什么这么难?但实际情况是,网站和博客成千上万,想要用户注意到你,关注你,并不是一件简单的事情。你需要做些什么才能脱颖而出?
那我们到底要做什么?空没有证据。让下面50个设计案例给你看看效果。
1、功能说明
Everywhereist的博主是一个重度旅游爱好者。她和她的丈夫经常在世界各地漫游,留下他们的标记,并在博客上直播他们的旅行。护照、地图、电影都是他们环游世界的证明,博客横幅地图上的这些元素足以让你信服。
2、让标题成为为你的标志
2Weeks of UX,光是名字就能看出这是一个常年与用户体验相关的博客。它的标题足够简单,也足够生动。你很清楚,你接下来要读的一定是与UX有关的文章。
3、类型化的设计
Trenwalton的网站就是这么做的,在标题的选择上更是打字。这样一来,网站上不同的文章标题差异明显,更容易吸引细分用户。
4、展现动效
动态效果永远比静态元素更吸引人,而VOTD作为一个具有强迫性的网站博客,在你打开网站的时候会添加精美的LOGO动态效果,充满质感的LOGO会在白色的背景上逐渐展开,往往让人爱不释手。
5、使用具有表现力的字体
Wanderlust项目的标题是用非常有特色的手写字体写的,不仅非常醒目,而且在字体应用到图片上的时候也显示出网站还是非常一致的。
6、白底黑字总不错
在网页排版中,白底黑字的经典搭配总是正确的,但是字体的性格和排版的方式会决定整个网站的气质。交际花之家是典型的时尚网站,博文以时尚优雅的室内设计为主,字体选择优雅得体。
7、让LOGO处于中心位置
Premium Pixels的网站收集了大量的设计文章和资源。页眉中最引人注目的是网站酷炫的LOGO,鼠标悬停在上面会发生变化。网站内容丰富,也许就是你想要的资源。
8、字体排版和插画搭配起来
这个网站的内容是关于如何给孩子做饭。网站的页眉不仅使用了与主题相关的插图,还将有效的文字排版与独特的配色相结合,使整个页面看起来很美味。
9、缩小页头字体
新的最小值是一个时尚的数字杂志。纤细现代的页眉字体和有限的导航功能让整个页面看起来非常简洁。
10、大胆用色
面包师Joy在页眉文字底部使用了水彩基材,让整个页眉的吸引力陡然提升。
11、高清大图页头
一图胜千言作为一个美食博客,我一个美食博客的设计在同类中是不多见的。设计师将导航条缩小到非常小的尺寸,然后用全屏的大图旋转木马填满整个界面。内容是热门话题,充满视觉冲击。
12、加入纹理
Lark and Linen是一个室内设计博客。设计师在页面页眉选择手写字体,并在字体上叠加纹理,非常契合博客的主题。
13、文字加插画
Keiko Lynn这个网站也使用静态插图和文本标题来设计标题。为了营造俏皮可爱的氛围,在配色和字体风格的选择上更加鲜艳花哨。
14、使用夸张的字体尺寸
自然会更引人注目。这个名为Good Moods的网站,在网站首页以超大字体显示网站名称,简直就是一个直接而醒目的“你好”,即使在相对格格不入的博客设计中也是相当少见的。
15、充满创意的图案
五点鸡尾酒博客是一个关于鸡尾酒的博客。设计师在设计页眉时,将鸡尾酒杯的元素融入到页眉中,并对主题进行排序和可视化。线性的图标拼贴图案不仅没有压倒性,而且风格化程度很高。
16、制造视觉纵深
Type的朋友的网站有很多涂鸦风格的黑色图标,在页眉使用绿色涂鸦字体作为区分。在页眉和前景内容之间加入光影,营造层次感和视觉深度,让整个网站显得更有层次感。
17、保持极简
Freunde Von Freunden是一个专注于创意工作者独家采访的博客。它的名字是德语,意思是“朋友的朋友”。网站的设计风格极其简约有品味,这种贯穿始终的风格体现在页面的顶部,给人的感觉非常好。
18、独树一帜的LOGO
如果你的网站有一个设计优秀的LOGO,就让它展示出来。好的设计把自己的LOGO放在页眉中央,醒目又到位。
19、漂亮的手写字体LOGO
很多时尚网站都会采用这种页眉设计。手写LOGO和简洁的导航设计,会通过强烈的对比和个性化的设计,展现出自己品牌的气质。合理的留白和品牌配色,网站会给人一种优雅、专业的感觉。
20、设计一款独特的图案
现在很多网站的LOGOs都会采用休闲艺术的图案,优雅独特,充满现代气息。这样的图案可以很好的与流行的现代风格结合,但不会给人太强烈的品牌logo的感觉。
21、字体搭配
和对比色是一个道理。两种不同风格的字体在某些场合会产生强烈的错位感。如果处理得好,这种错位感会非常醒目,不会显得太戏剧化。Homey啊呀,这个网站的标题就是这样创造视觉重心的。
22、漂亮的轮播图
简单的导航、摆放有序的标题和漂亮的旋转木马是哈珀和哈利主页的特色,而最吸引人的是旋转木马的选择。
23、远离中央的标题
独特的片头设计也很吸引人。就像《贪恋生命》的页眉设计一样,左对齐的标题不仅采用了独特的手写字体,而且是动态的。
24、极简化
与极简风格不同,有线条和无线条的网站设计更倾向于极度简化的设计,最大程度地简化整体设计,尽量保持字体和颜色的简洁,让真正有趣的内容凸显出来。
25、居中放置LOGO
Lauren Liess也是一个经典优雅的设计博客。与同类时尚网站不同的是,占据两条线的LOGO被放大放置在中央,不同的风格更能吸引用户的注意力。如果你的LOGO和这个差不多,不妨采用类似的设计。
作者@陈文章来源@ Youshe.com
原地址:设计学校
本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/12970.html