有必要设计一个足够好的网站页面

无需加好友免费技术支持

每个人都是产品经理起点学院，BAT实战派产品总监携手系统带您学习产品和操作。

创建一个漂亮的博客并不需要你从头开始构建整个布局，你可以充分利用现有的模板来匹配一个足够漂亮和合适的Banner图片，加上一个有趣的标题，有效地吸引目标读者和用户。想想看，当用户打开一个网站时，首先显示的是网站的页面，用户是否会在很大程度上停留在这一刻。有必要设计一个足够好的网站页面。

那到底该怎么办呢？让以下50个设计案例为您展示效果。

博客The Everywhereist 博主是一位重度旅游爱好者。她和丈夫经常在世界各地散步，留下他们的印记，并在博客上直播他们的旅行。护照、地图和胶卷是他们在世界各地旅行的证据，博客Banner这些元素也足以说服你。

52 Weeks of UX，单看名字这个名字，你就会知道这是一个全年用户体验相关的博客。它的页面足够简单和清晰。你知道你接下来读的一定是UX相关文章。

Trent Walton 的网站就是这么做的，在标题的选取上更加类型化，这样一来，网站上不同文章在标题上有明显的区分，也更加容易吸引细分用户。

动态效果总是比静态元素更有吸引力，作为一个强制性的网站博客，VOTD 当你打开网站时，你会添加一个漂亮的LOGO动态效果，充满质感LOGO逐渐展开白色背景，这种动作往往让人爱不释手。

The Wanderlust Project 页面使用一个非常个性化的手写风格字体来写标题，这不仅非常引人注目，而且当字体应用到图片中时，网站也非常一致。

在网页排版中，白底黑字的经典搭配不会错，但字体的性格和排版方式会决定整个网站的气质。The Socialite Family 是典型的时尚网站，博文以时尚优雅的室内设计为主，字体选择也优雅得体。

Premium Pixels 网站收集了大量的设计文章和资源，页面上最引人注目的是网站的酷LOGO，当鼠标悬停在上面的时候会变化。网站内容很丰富，也许你想要的资源。

这个网站的内容是关于如何为孩子们做饭的。网站页面不仅采用了与主题相关的插图，还结合了良好的文本排版和独特的配色，使整个页面看起来非常美味。

The New Minimum 它是一本时尚的数字杂志，纤细而现代的页头字体和有限的导航功能使整个页面看起来非常简单。

Joy the Baker 水彩质感的衬底用于页头文字底部，使整个页面的吸引力突然增强。

一图胜千言。I Am a Food Blog 作为一个美食博客，它的设计在同类中并不少见。设计师将导航栏缩小到非常小的水平，然后用全屏轮播放的大图片填充整个界面，点击内容，充满视觉冲击力。

Lark and Linen 这是一个室内设计博客。设计师在页面标题中选择了一种手写字体，并将纹理叠加到字体中，非常适合博客的主题。

Keiko Lynn 该网站还使用静态插图和文本标题来设计页面。为了营造一种俏皮可爱的氛围，配色和字体风格的选择更加鲜艳花哨。

大自然会更引人注目。这个名字叫 Good Moods 该网站在网站主页上以超大字体显示网站名称，这是一个直接而大胆的你好，即使在这类博客设计中也相当罕见。

The Five O’Clock Cocktail Blog 这是一个关于鸡尾酒的博客。设计师在设计页面时，将鸡尾酒杯的元素整合到页面中，主题视觉化。线性图标拼贴图案不仅不会占主导地位，而且非常时尚。

Friend of Type 该网站收集了许多涂鸦风格的黑色图标，页面使用绿色涂鸦字体进行区分。在页面和前景内容之间添加浅阴影，创造层次感和视觉深度，使整个网站看起来更加清晰。

Freunde Von Freunden这是一个专注于创意工作者采访的博客。它的名字是德语，意思是朋友的朋友。网站设计风格极简主义，有品味。这种贯穿页面的风格体现在页面上，给人一种很好的感觉。

如果你的网站有足够好的设计LOGO让它展示吧，Good Design 就将自家的LOGO位于页面中央，醒目到位。

很多时尚网站都会采用这样的页面设计和手写风格LOGO结合简单的导航设计，通过强烈的对比和个性化的设计，展现自己品牌的气质，合理的空白和品牌配色，网站会给人一种优雅专业的感觉。

现在有很多网站LOGO它将采用休闲艺术图案，优雅、独特、充满现代风格。这种图案可以很好地与流行的现代风格相结合，但不会给人太强的品牌LOGO的感觉。

和对比色是一样的道理。两种不同风格的字体在某些场合会产生强烈的错位感。如果把握得好，会很抢眼，不会显得太出戏。Homey Oh My 这个网站的页面就是这样营造视觉重心的。

导航简单，标题整齐，轮播图漂亮 Harper and Haley 主页的特点，最吸引人的是轮播图的选择。

别出机织的标题设计也很吸引人，就像Lust For Life与页面设计相同，左对齐标题不仅采用独特的手写字体，而且动态。

不同于保持简约的风格，Lined and Unlined 网站设计更倾向于极简主义的设计，最大限度地简化整体设计，字体和颜色尽可能简单，突出真正有趣的内容。

Lauren Liess 也是经典优雅的设计博客，不同于同类时尚网站，占据两行LOGO放大在中心，不同的风格更能吸引用户的注意力。如果你的LOGO类似于此，不妨采用类似的设计。

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

原文地址：designschool