首页服務(wù)案例新(xīn)闻公司联系

这里有(yǒu)我们最新(xīn)的签约信息及相关公司活动!

最近我们都在干什么?

网页设计细节大总结让页面更上档次

类目:热点活动 发布日期:2015-06-05 点击:5340 次

大家都知道”细节决定成败”这句名言不仅在其他(tā)行业非常重要,而在页面设计当中更是颠扑不破的真理(lǐ)。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有(yǒu)得到需求方的认可(kě),但是他(tā)们又(yòu)说不出什么理(lǐ)由,这个时候就是细节问题了。一个页面的细节到位才能(néng)充分(fēn)體(tǐ)现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。  那我们具體(tǐ)该如果做好细节呢(ne)? 下面简单介绍一下。


字符

字符是页面中不可(kě)缺少的部分(fēn),页面上最重要的部分(fēn)。所以这部分(fēn)细节是最基础的,也是最不可(kě)忽视的。网页上80%的信息是以文(wén)字形式传达的,任何网页元素都无法替代文(wén)字的作用(yòng)。网页中文(wén)字设计的好坏会直接影响到整个页面的视觉传达效果。

字号

字号的选择是根据功能(néng)需要而定的,字越大给浏览者的视觉冲击力越强,一般用(yòng)于标题或其他(tā)需要强调的地方。小(xiǎo)字整體(tǐ)性强,页面易产生多(duō)个中心,缺乏美感,时间略長(cháng),浏览者易产生视觉疲劳。最适合网页的字體(tǐ)大小(xiǎo)為(wèi)12磅,如果在一个页面内容较多(duō),通常可(kě)以用(yòng)9磅的字号,随着互联网飞速的发展,在内容较多(duō)的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文(wén)字都不会像门户类页面那么多(duō),所以常规情况下最小(xiǎo)保持10.5磅以上字号。

字體(tǐ)

不同的字體(tǐ)有(yǒu)不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用(yòng)的中文(wén)字體(tǐ)有(yǒu)宋體(tǐ)、黑體(tǐ)、楷體(tǐ)、隶书等。根据不同的页面主题可(kě)以选择不同性格的字體(tǐ)搭配。

标题字體(tǐ)的选用(yòng)对整个页面的编排起着重要的作用(yòng)。字體(tǐ)选择、字體(tǐ)特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。

样式

文(wén)字的样式主要包括常规、粗體(tǐ)、斜體(tǐ)等。正文(wén)中的文(wén)字宜采用(yòng)常规样式,标题宜采用(yòng)加粗或斜體(tǐ)样式。合理(lǐ)的运用(yòng)文(wén)字样式,将更有(yǒu)利于文(wén)字的视觉传达,更有(yǒu)利于浏览者的阅读。

间距

文(wén)字的间距分(fēn)為(wèi)横向间距和纵向间距即”字距””行距”。正文(wén)与标题的字距应该通篇保持一致,字距太大或太小(xiǎo)都会导致可(kě)读性受到影响。行距的常规比例為(wèi)10:12即用(yòng)字10点,则行距12点。除了对于可(kě)读性的影响,行距本身也是具有(yǒu)很(hěn)强表现力的设计语言,有(yǒu)意识地加宽或缩窄行距,能(néng)够體(tǐ)现独特的审美意趣。

颜色

颜色的运用(yòng)对于整个文(wén)案的表达会产生很(hěn)大的影响。使用(yòng)不同颜色的文(wén)字可(kě)以使想要强调的部分(fēn)更加引人注目。色彩可(kě)以使得文(wén)本不受位置的局限,加强或者减弱文(wén)本的表现强度,使页面文(wén)本的浏览产生视觉导向。

排版

文(wén)字的对齐方式一般分(fēn)為(wèi)四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最為(wèi)常用(yòng),因為(wèi)这两种对齐方式比较符合人们的阅读方式。

文(wén)字的排布方向主要有(yǒu)三种:横排、竖排和斜排,其中以横排為(wèi)主,横排文(wén)字群體(tǐ)比较适合人们的阅读习惯。

留白

留白可(kě)以给人带来心理(lǐ)上的轻松与快乐,也可(kě)以给人带来紧张与节奏。元素之间的留白不能(néng)太大这是基本的原则,留白过多(duō),页面会变得零碎。

网页设计是以传达页面信息為(wèi)主要目的的,留白更多(duō)的是服務(wù)和服从于网页的可(kě)用(yòng)性。无数的可(kě)用(yòng)性研究证实了一个事实:在Web中,用(yòng)户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有(yǒu)可(kě)浏览性,可(kě)使用(yòng)户获得更加良好的浏览體(tǐ)验。

留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可(kě)以是白色、黑色,其他(tā)纹理(lǐ)等。

大面积的有(yǒu)色范围

如在页面设计中只放置极少的必要元素,背景则用(yòng)大面积的单纯色彩渲染,利用(yòng)单纯色彩的力量来突出和烘托网页上的主要元素。边导航与主题内容的留白划分(fēn)。

光影

现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物(wù),认知他(tā)们的材质、尺度和透视。

所以如果要让我们的网页设计更加自然、有(yǒu)动感且真实直观,正确理(lǐ)解光影效果就变得非常重要。