影响网页设计效果的细节
作者:天津网站建设公司 更新(xīn)时间:2017-08-28
网站页面是给用(yòng)户最直观的视觉展示,网页设计效果直接影响到用(yòng)户对网站的使用(yòng)。好的页面要从细节做起,包括文(wén)字字體(tǐ)、文(wén)字颜色,甚至到文(wén)字之间的间距都要考虑进去。下面天津网站建设公司圣辉友联就分(fēn)享网页设计要做到位的那些小(xiǎo)细节。
字符
字符是页面中不可(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ǐ)特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。
主标题用(yòng)毛筆(bǐ)字體(tǐ),副标题选择用(yòng)了方正楷體(tǐ)简體(tǐ)与主标题进行搭配,突显游戏武侠风格特点,导航文(wén)字选用(yòng)了与副标题相同字體(tǐ),内容用(yòng)微软雅黑字體(tǐ)。整个页面一共选用(yòng)了三种字體(tǐ)。
主标题字體(tǐ)微变型,副标题选用(yòng)了微软雅黑细體(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)。
层次
页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花(huā)哨。页面层次感可(kě)能(néng)有(yǒu)很(hěn)多(duō)类型,例如色彩的层次感、元素的层次感等等。
光影
现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物(wù),认知他(tā)们的材质、尺度和透视。
所以如果要让我们的网页设计更加自然、有(yǒu)动感且真实直观,正确理(lǐ)解光影效果就变得非常重要。
光影在页面设计中使用(yòng)方法及用(yòng)处还有(yǒu)很(hěn)多(duō),比如增强页面气氛、突出主题等…
以上细节都会影响网页设计效果,当然这不是全部,还有(yǒu)图标、色彩、logo设计等等,这里先就介绍到这里。
上一篇:電(diàn)商(shāng)网站建设中出现问题应该如何解决
下一篇:天津网站建设时需要注重的细节问题
标签:
天津网站建设, 天津网站制作, 天津做网站, 手机站搭建, 网站优化, 网站维护, 建站公司, 天津网站设计公司
相关的文(wén)章:
企业网站建设项目一定要有(yǒu)客户的参与才会更加完美 企业网站建设為(wèi)企业塑造形象 制作公司网站在创意方面的细节 天津网站建设讲述下网站建设中图片该怎么增加用(yòng)户體(tǐ)验 天津网站建设讲述怎么提升搜索引擎友好度 為(wèi)什么说定制开发的网站有(yǒu)利于网站优化? 用(yòng)户有(yǒu)建站需求时该如何选择网络公司 所谓的网站地图到底能(néng)起到什么作用(yòng)呢(ne) 网站设计与网站竞价推广双方需要怎样来配合
下一篇:天津网站建设时需要注重的细节问题
标签:
天津网站建设, 天津网站制作, 天津做网站, 手机站搭建, 网站优化, 网站维护, 建站公司, 天津网站设计公司
相关的文(wén)章:
企业网站建设项目一定要有(yǒu)客户的参与才会更加完美 企业网站建设為(wèi)企业塑造形象 制作公司网站在创意方面的细节 天津网站建设讲述下网站建设中图片该怎么增加用(yòng)户體(tǐ)验 天津网站建设讲述怎么提升搜索引擎友好度 為(wèi)什么说定制开发的网站有(yǒu)利于网站优化? 用(yòng)户有(yǒu)建站需求时该如何选择网络公司 所谓的网站地图到底能(néng)起到什么作用(yòng)呢(ne) 网站设计与网站竞价推广双方需要怎样来配合