网站视觉设计中的十八个要点和心得

炫夜

网页设计虽然依照原则可以万变不离其宗，但不同设计媒介变化也会有很多媒介自身特殊性，下面就总结下网站视觉设计一些要点。
　　1—logo：基本logo特征，符合logo设计基础(平面设计通用)显示器效果：清晰度，最小尺寸(因显示器分辨率而带来，等同线下平面设计印刷效果)
　　2—文字：内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)
　　3—广告、内容图片：尺寸样式定位，同一页面和谐性，图片优化，位置节奏，大小对比。
　　4—icon：品牌性，表达准确合理，设计手法(依据品牌性)，一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。
　　5—可点击(button)：区别(不可点击)，根据人生活经验：厚度，可按，质感(实体联想)，色彩(品牌性、统一性、对比性);统一样式大小(依据里面文字内边距统一)
　　6—背景图片：氛围效果营造，同产品统一性，优化(品质大小，色彩信息，实现方案)，
　　7—图文排版：主图次文，图文节奏，空隙，模块化。
　　8—当前状态：放大(形状)，变色(反色、对比色、明度纯度区别色)，链进链出后指定内容提示。
　　9—交互控件：样式合理准确性(人对系统默认认知和生活常规认知)，状态(视觉表现样式和动作过程优化)，创意。
　　10—loading:内容关联性(loading前后内容关联)，无聊等待乐趣，体积、面积优化，创意。
　　11—用户反馈_ 成功、出错、提示、无结果：文案(明确、合理、人性化、创意)，图形(明确、醒目、色彩心理认知准确度)。
　　12—动画效果：过程合理(模拟真实环境合理化)，连续，节奏感，用户日常动作表现，音效配合，创意。
　　13—首尾设计：首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏(与首)，创意。
　　14—适应屏设计(全屏设计)：最大最小屏幕考虑(文字、图片位置、折行效果)
　　15—固定尺寸栅格设计：合理单元格(考虑黄金分割)，单元格面积节奏，边距统一性
　　16—demo设计样稿：对内容最多最少考虑。
　　17—页面：品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理(运用素描基本规律来做页面)。
　　18—阅读：背景对阅读(视力)舒适度，内容与背景对比舒适度。
　　除此之外，还有很多设计点比如交互设计，比如代码设计，也可以展示给用户看到这些综上所述，构成用户体验设计一个大过程。