网页设计视觉篇ppt课件.ppt

——天猫商城店铺界面设计同操作系统都有不同的字体系统,而浏览器是用本地系统字库显示页面内容的,大多数浏览者的系统里只装有几种常的字体类型,因此设计的特殊字体在浏览者的系统里并不一定能看到预期设计效果。。,衬线字体就是中文里的宋体,英文的TimesNewRoma,其特点是在字体边角会多出一些修饰,可以清晰的分辨出字母和文字,分辨笔划的起始和终止,适合大段文字正文的阅读。无衬线字体则是中文里的黑体、英文的Aril,这种文字看起来很干净整齐,同等字号的字体,无衬线体视觉感受更大,因此适合大标题显示衬线字体(左)与非无衬线字体(右),但这并不意味着字体就拥有较佳的可读性。影响文字可读性有字体样式、间距这两大因素。字体样式间距包括文字的字距、行距等。字体样式包括字体的大小,颜色,字体是常规、还是倾斜或加粗等。目前,在桌面端网页界面中正文大小一般为12、13px,最小不小于11px,小标题为14px,大标题为16px,最大字体不要超过18px。由于奇数字号显示在较早版本的浏览器中会出现锯齿状,所以经常采用偶数字号。12px18px16px图片文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。字距与行距的处理能直接体现设计作品的风格与品位,也能够影响读者的视觉和心理感受。行距可以说是让字有了呼吸空间。行距的常规比例为10:12,即用字10px,则行距12px。一般来说,-,,适当的行距会形成一条明显的水平空白条,以引导浏览者的目光,而行距过宽则会使一行文字失去较好的延续性。,那么特殊字体或艺术字体最好以图片的方式置入网页。Kimthemovi官网字体的地方就是用图片来代替的,以保证所有人看到的页面是同一效果。但这无形中增大了网页的体积,这样的图片多了会延缓网页打开速度。