2019精选医学网站版式设计.ppt

? (2) 视觉流程类型： ? 分为直线视觉流程和曲线视觉流程两类。 视觉流程明确，形成清晰易读的页面设计 自由的视觉流程形成生动活泼的页面设计 ? (3) 焦点视觉流程 ： ? 是指视觉心理的焦点。每个页面中都有一个视 觉焦点，这是需要重点处理的对象。 ? 焦点是否突出，和页面版式编排、图文的位置、 色彩的运用有关，同时也与对“焦点”着力描 写有关。在视觉心理作用下，焦点视觉流程的 运用使主题更为鲜明、强烈。 按 照 主 从 关 系 的 顺 序 ， 使 放 大 的 主 题 形 象 成 为 视 觉 焦 点 ， 以 此 来 表 达 主 题 思 想 。 运用图片大小的对比引起视觉的流动 将文案作整体编排，突出主题形象。 对主题图片的遮挡，引发浏览者一探究竟的兴趣 在主题形象四周增加空白量，使之成为视觉焦点。 留白使页面简约大方，更加突出了主题 通过在主体产品周围留白吸引视线 这是一个典型的运用焦点视觉流程的例子 页面中的方形图无疑首先吸引了浏览者的视线 具有独特个性风格的首页设计 , 视觉流程清晰 八 . 颜色应用 ? 1. 色彩的易见性 ? 在白纸上黄字不醒目，而写黑字醒目 —— 明度 对比强，易见度高；明度对比弱，易见度低。 另外，光线弱。易见度低；光线过强，有眩目 感，易见度也差；色彩面积大，易见度高；色 彩面积小，易见度低。如果当两组光源与形相 同时，形是否能看清楚，则取决于形色与背景 色的明度，色相、纯度上的对比关系。其中明 度对比最强的对比作用最大，对比强的清楚， 弱的模糊。 ? 例如： 黑色底可见度强弱次序是 白 —— 黄 —— 黄橙 —— 黄绿 —— 橙。 白色底可见度强弱次序是 黑 —— 红 —— 紫 —— 紫红 —— 蓝 蓝色底可见度强弱次序是 白 —— 黄 —— 黄橙 —— 橙 黄色底可见度强弱次序是 黑 —— 红 —— 蓝 —— 蓝紫 —— 绿 ? 2. 色彩的对比种类 ? 色彩对比：在一定条件下，人对同一色彩有不 向的感受。色彩单一给人一种印象。在不同的 环境下，多色彩给人另一种印象。色彩之间这 种相互作用的关系称“色彩对比”。 明度对比、纯度对比、冷暖对比、面积对比 ? 3. 色彩的感情 色彩的冷暖 色彩的轻重 色彩的华丽咸与朴素感 色彩与四季 色彩与味觉 色彩与形状 ? 4. 联想 : ? (1) 具体的联想 ? 红色：联想到火、血、太阳 …… ? 橙色：可联想到灯光、柑桔、秋叶 …… ? 黄色：可联想光、柠檬、迎春花 …… ? 绿色：可联想到草地、树叶、禾苗 …… ? 蓝色：可联想到天空、水 …… ? 紫色：可联想到丁香花、葡萄、茄子 …… ? 黑色，可联想到夜晚、墨；炭、 …… ? 白色：可联想到白云、白糖、面粉、雪 …… ? 灰色：可联想到乌云、草木灰、树皮 …… ? (2) 抽象的联想 ? 红色：可联想到热情，危险、活力 …… ? 橙色：可联想到温暖、欢喜、嫉妒 …… ? 黄色：可联想到光明、希望、快活、平凡 …… ? 绿色：可联想到和平、安全、生长、新鲜 …… ? 蓝色：可联想到平静、悠久、理智、深远 …… ? 紫色：可联想到优雅、高贵、重、神秘 …… ? 黑色：可联想到严肃、刚健、恐怖、死亡 …… ? 白色：可联想到纯洁、圣、清净、光明 …… ? 灰色：可联想到平凡、失意、谦逊 …… ? 这些色彩的联想多次反复，几乎固定了它们专 有的表情，于是该色就变成了该事物的象征。 ? 5. 色相的心理分析 ? (1) 红色 ? 红色的纯度高，注目性高，刺激作用大，人们 称之为“火与血”的色彩，能增高血压加速血 液循环，对于人的心理产生巨大的鼓舞作用。 ? (2) 橙色 ? 橙色的刺激作用虽然没有红色大，但它的视认 性注目性也很高，即有红色的热情又有黄色的 光明，活泼的性格，是人们普遍喜爱的色彩。 ? (3) 黄色 ? 黄色是最为光亮的色彩，在有彩色的纯色中明 度最高，给人以光明、迅速、活泼、轻快的感 觉。它的明视度很高，注目性高，比较温和。 ? (4) 黄绿色 ? 是黄色和绿色的中间色，由于在日常生活中黄 绿色并不突出，所以易被人们所忽视，有很多 色彩心理的研究把黄绿与绿色合并。 网站版式设计 一 . 网站的视觉路径 ? 1. 视觉路径一般是：从上到下，从左到右。 ? 2. 网站中方块： ? (1) 方块感越强越能给用户方向感。 ? (2) 方块越