网站界面风格
设计第一件事儿：设计风格。
形象要走到能力前面
界面风格： 视觉风格（内在气质） －> 视觉元素（外在形象）
界面的风格是由界面上的视觉元素表现出来的。
气质决定形象，形象塑造气质。
典型的网站类型与风格案例解析：
扁平风格、拟物风格、极简风格、杂志风格
单页网站、单屏滚动、超大背景
文字艺术、像素风格、视频背景、3D图形、绘画风格
IMG_5140.JPG
网站界面风格混搭原则：
先确定主风格
设计一套界面的第一件事儿是确立界面的设计风格。
设计风格是指引设计师正确处理界面中各视觉元素的灯塔。
什么是界面设计风格：指整套界面的整体形象给用户的综合感受，也就是说，当用户看到界面后在脑海中留下的第一印象。
网站界面的24色相环
色彩搭配分类：同源色、反差色、百搭色（黑白灰）
24色相环：同类色相、类似色相、临近色相
同源色－同类色（15度）
同源色－类似色相（30度）
同源色－邻近色（90度）
IMG_5136.JPG
IMG_5135.JPG
IMG_5141.JPG
反差色： 对比色相、互补色相
反差色－对比色相（120度）：色相差异明显，效果对比强烈
反差色－互补色相（180度）：对强烈的对比，配色饱满生动刺激的强烈感受
IMG_5138.JPG
IMG_5137.JPG
黄绿蓝橙黄紫
黑色：力量、优雅、尊贵、坚毅，有时代表死亡
白色：纯洁、简洁、明亮、平静、朴素，有时代表空虚寂寞死亡
灰色：安静，简洁，现代
IMG_5139.JPG
红色：充满活力、积极热情和力量，强烈刺激吸引人的实现，欢乐喜庆，有时代表确性暴力。
蓝色的色温最高。
粉红色：女性化的颜色，明亮的粉红色能表现出可爱、乖巧的感觉、饱和的粉红色表现初华丽、苍白的粉红色代表高雅的气质，少女可爱清新的粉红色。
紫红色：轻熟女的象征，奢华，浪漫，如三四十岁的女性，褪去青涩，华丽而且充满魅力。优雅神秘，成熟高贵，具有艺术的内在气质。
橙色：给人以轻松、明快、乐观，消极时给人感觉不成熟 。橙色有一种味道的颜色，能勾起人的食欲，也是食品色。
棕色（咖啡色）：给人以质朴踏实、怀旧的感觉，沉稳，坚实，硬朗有岁月的沉淀。也有消极的情绪。
黄色：是一种应用最广的色草，明快动感，给人以温暖生机，鲜明亲和，黄色象征低谷，危机和警示。
绿色：中性色，平静温和，安全信赖，丰富活力，自然生命，希望和平，健康安全。翡翠绿代表优雅，深绿代表沉与财富有关。
蓝色：给人以可靠，信赖，动感活力。蓝色代表科技，深蓝代表可靠信赖，承诺信心。
紫色：含义丰富，贵族，优雅女性化色彩。
界面配色原则
明度： 高明度 中明度 低明度
饱和度 高饱和度 中饱和度 低饱和度
色彩中的色调 ： 饱和度＋明度
Y轴明度最高（从上到下），X轴饱和度最高（从右到左）
担当色彩：主色，辅色，配色
配送原则：准确、整体、个性
WeChat_1510886887.jpeg
界面配色的方法：三角调色、四角调色、无色彩与色彩配色
网友评论