有效网页设计的15项关键技术和最佳实践
创造美丽独特的网站似乎每天都变得越来越困难。有这么多令人惊异的网站设计,在那里提出一些新鲜的和不同的是接近不可能的。即使你不是在寻找一些独一无二的东西,创造出看起来不过时的漂亮设计也是一个永恒的挑战。
下面是二十个优秀的技术和设计元素,你可以纳入你的设计创造一个美丽的,抛光的网站。把它们组合在一起,或者挑选你想使用的每一个项目。我们还包括了大量的例子,给你真实的例子,设计师如何使用它们来创造华丽的网站设计。
1。生动的色彩
在你的网站设计中使用明亮的颜色可以增加很多视觉上的兴趣。他们最适合那些想吸引年轻人或更休闲网站的网站。使用类似色调或饱和度的颜色可以使画面更具凝聚力,使事物看起来不会过于忙碌。
确保在使用生动的颜色方案时,允许元素之间有足够的对比度,而不会使用太多(如绿色背景上的红色文本)。这对文本尤其重要,因为不恰当的对比会使阅读变得非常困难,如果不是不可能的话。
2。梯度和照明效果。
渐变和灯光效果可以用于戏剧性或微妙的效果,或任何之间的。混合或单独使用,它们可以给你的设计增添一点额外的光泽。色调梯度上的微妙色调可以产生一个伟大的背景,而渐变与灯光效果混合通常用来创建可怕的头图像。
如果你把渐变和灯光效果混合在一起(特别是多重效果),小心你的设计不会太过忙碌。限制使用的颜色,灯光效果的强度,或总的效果最好的结果。
3.透明度。
透明的盒子特别适合那些不太忙的有趣背景。无论是照片,素描,或只是几何和图形元素,透明层可以给你的背景更大的一部分在您的网站的设计。
4。垃圾。
垃圾是一个很宽泛的范畴,当涉及到网站设计。添加微妙的grunge元素否则清洁和抛光的网站可以贡献一点边的总体设计。你也可以把垃圾设计多元素来创建一个网站,显然是肮脏的。
一个蹩脚的设计更常见的元素是脏的纹理;凌乱的边界(通常看起来像笔触或衰减)的撕纸;订书钉、回形针和类似的元素;柔和的颜色;水或其他液体污渍;蹩脚的字体;和其他腐朽和破坏因素。使用任何或所有这些(仔细)可以添加一个新的层到您的设计。
即使是一些简单的添加标题背景用水彩笔可以给一个网站一个蹩脚的边缘。添加一个微妙的肮脏背景进一步加强了期待,同时仍然保持专业形象。
5。手绘设计。
手绘和草图元素可以使你的网站看起来更随意,甚至有趣。你是否使用完整的素描或是画的元素,用手工绘制的元素让你的网站看起来更美观,有时会添加一个异想天开的元素。它还唤起童年和卡通在许多情况下,或不太频繁,美术。
一个简单的方法来开始手工绘制的元素都是用手工绘制的PS图象处理软件刷、字体和图标。在大多数情况下,有各种各样的可供免费使用。
6。柔和的颜色。
柔和的色彩是创造一种微妙的一个很好的方式,邀请网站。在柔和的颜色中混合一个或两个更亮或更暗的重音颜色可以很好的使用,使站点的某些元素脱颖而出。柔和的颜色不必局限于灰色或褐色。你可以使用光谱中的任何色调,只需色调柔和或略带灰色。
7。水彩效果。
创建一个水彩元素的网站已经成为PS图象处理软件的画笔和水彩纹理的广泛可用性更容易。在页眉、背景和其他元素中使用水彩效果是一个重要的设计趋势。水彩元素的美丽之处在于,它们可以很容易地突出或停留在背景中,这取决于你使用的颜色以及它们的透明度。无论哪种方式,你选择做什么都要取决于你是否希望你的站点设计有一个大胆或柔和的外观。
8。自然激发元素。
自然激励元素在环境和绿色行业网站上最受欢迎,但它们开始在网络上出现。一些最流行的地方是设计师组合和个人博客。
这些元素可以用多种方式使用。有些使用它们作为背景设计的一部分。其他将它们合并到页眉或图标中。有些人到处使用它们,无论它们适合哪里。找到创造性的方法来融入自然灵感元素可以是一个奇妙和有趣的设计挑战。
9。照片背景。
本例中的照片真实背景不只是照片背景。其中大部分都是由多张照片组成的,或者是添加到真实的照片中,但实际上是数字或计算机生成的。
在过去一两年中最流行的照片背景技术之一是创建桌面或桌面背景。这些通常由木制的表面和各种纸张,咖啡,杯子,和其他元素覆盖在他们身上。这是一个艰难的技术,以摆脱(确保阴影和光源都是一致的,等等),但使一个可怕的效果,当做得很好。
10。超大字体。
使用超大类型可以对某些文本元素起到重要作用。有些网站甚至选择使用超大字体排版。你不一定要让它有一个巨大型增加的影响;使其一个或两个尺寸大于你通常能让它在整体设计中多少重量。
11。装饰字体。
装饰字体可以为网站设计创造奇迹。使用JavaScript和其他文本替换工具,用想要的字体替换文本,使得创建这些效果也相对简单。在大多数情况下,您希望限制您想要使用的字体数量,或者使网站太忙。但是如果排版是网站的主要图形元素,只要你保持颜色和/或比例相似,你就可以使用更多不同的字体。
12。大胆的背景。
在设计中使用大而大胆的背景图像是另一种流行趋势。有很多方法可以做到这一点,包括创建调整大小的图像。通过使用更复杂或更简单的设计,有限的或充满活力的配色方案,和其他类似的设计选择,你可以改变一个大背景所带来的影响。
13。怀旧和复古元素。
在复古,复古,和在你的设计antique元素可以添加一层有趣的nostalgia(或你的网站的,取决于你如何使用它们。在一些案例中,他们甚至可以添加额外的魅力领导层(或类)。
《大学surprisingly,复古元素包含在你的设计可以让你的新网站的外观和新鲜。复古的设计,有两个saturate真的网页,所以人们不习惯看到他们为在线。不管你选择走后两个seventies,忽视,或平衡之前,这些脸部两个有趣的元素可以被添加。
14。醒目头。
页眉通常包含重要的信息,您希望突出显示站点访问者的信息。它们可以增强公司形象,提供重要信息,突出重要特征,等等。使用醒目的标题,通过使用颜色、图像和排版,使访问者更有可能花时间查看上面的内容。
15。拼贴元素。
拼贴元素是一些最通用的设计选项。使用干净的边缘干净,他们可以使一个网站看起来更加抛光和完成。用粗糙的边缘或用丰富,他们可以添加更多的艺术期待您的网站。当它们介于两者之间时,它们为网站设计增添了真正的活力。