第1章-网页艺术设计基础知识-设计元素.pptVIP

图片切换 页面切换 看看大家认识几种三级颜色.提问 * / / * /stylists-picks / * / * / flash网站 * 这里是三份单色配色案例，第一种颜色（如果我们从左至右的顺序看的话）很可能被用来做标题色，第二种色也许会被用来做正文字体色彩或者背景，第三种色彩可能会被用来做背景色（当第二种色彩被用来做背景的话，那么这里就可以用来做正文字体的颜色），最后两种颜色可能会被用来做强调色或者使用在图形中。 * / * /interactive * / * 宋体，港台地区或称明体，日文中称之为明朝体，是因为这种字体起源中国宋明时期，当时中国的雕版印刷术已经广泛传播，而用于制造活字的木纹多为水平方向，因此造成在刻字时横画细，竖画粗；而且为了防止边缘破损，横画在两端也被加粗，根据运笔习惯而形成三角形的装饰。 正因为衬线体在笔画始末的地方有额外的装饰，且笔画的粗细会因直横的不同而有所区别，所以强调出字母笔画的走势及前后联系，使得前后文有更好的连续性，更适合走文阅读。即更适合作为正文字体。相反的，无衬线体笔划粗细基本一致，强调的是单个字母。容易造成字母辨识的困扰，常会有来回重读及上下行错乱的情形。因此，适合用作标题之类需要醒目但又不被长时间阅读的地方。 * 事实上，在设定行距的时候，排版上有个原则，就是行与行之间的空隙一定要大于单词与单词之间的空隙， 否则的话，阅读者在阅读的时候容易“串行”，造成阅读困难。充足的行距可以隔开每行文字，使得眼睛容易区分上一行或下一行。近几年Web上对于正文的排 版，大多喜欢1.5em的行距，尤其是中文网站。也就是如果使用了12px的字体大小，那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经 验值。事实上，中文的论文的规范也是使用1.5em的行距。 * W3C提供的建议，它认为默认的行距应该在1.0em到1.2em之间。事实上，在设定行距的时候，排版上有个原则，就是行与行之间的空隙一定要大于单词与单词之间的空隙， 否则的话，阅读者在阅读的时候容易“串行”，造成阅读困难。充足的行距可以隔开每行文字，使得眼睛容易区分上一行或下一行。近几年Web上对于正文的排 版，大多喜欢1.5em的行距，尤其是中文网站。也就是如果使用了12px的字体大小，那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经 验值。事实上，中文的论文的规范也是使用1.5em的行距。 * 欢快、正面及专业的感觉 * 要考虑的问题包括：是否使用动态效果？在哪几个元素和位置使用动态效果？具体动态效果是什么？动态效果实现的技术手段是哪种？一般有动态效果的有：导航、按钮、图片切换、页面切换以及其他。 * 4、文字 字体类型：衬线体（serif）与无衬线体（sans-serif） 衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体（serif）；没有衬线的字体，则叫做无衬线体（sans-serif） 大大大 字体 衬线设计的初衷是为了更清楚地标明笔触的末端，提高辨识率，提高阅读速度。另外，使用衬线字体会让人感觉更加的正统。一般来说印刷物的正文基本上是衬线体。 衬线体和无衬线体的区分，同样存在于东亚方块字体中。比如汉字中的宋体就是衬线体，而黑体就是无衬线体。 在印刷领域，衬线体比无衬线体有更好的识辨性。 在显示器中，反而无衬线体运用逐渐广泛。 网页中常用字体 衬线字体： Times New Roman、 Georgia、宋体 无衬线字体： Arial Verdana Helvetica、微软雅黑 衬线字体 Times New Roman：最常用的serif字体，是网站浏览器默认的字体，12pt以上的字体容易阅读，但小字号的字体易读性差。（苹果系统没有这个字体，有一个对应于Times New Roman的字体叫Times） Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰。 衬线字体 是在宋朝发明的一种汉字印刷字体。笔画有粗细变化，而且一般是横细竖粗，末端有装饰部分（即“字脚”或“衬线”），点、撇、捺、钩等笔画有尖端，属于白体，常用于书籍、杂志、报纸印刷的正文排版。因从明朝传入日本，而又称为明体、明朝体。 无衬线体 Arial系列：微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。（苹果上使用Helvetica） Verdana：是显示器中最清晰的字体，即使字号很小，也很容易阅读。字号最好介于10~14像素之间 无衬线体 微软雅黑： 12 、 14px 。和宋体相比，雅黑的字形不是正方形的，而是稍微的扁宽，字间距很小，这样的处理使得默认的行间距更为明晰；同时雅黑的字心显得更为饱