网站成功是建设网站的目标,每个成功的网站都有其特殊的地方,能让人印象深刻的,不外乎是它所带带的视觉上的独特效果,本文就总结网站视觉设计的几点经验:
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、阅读:阅读舒适度,内容与背景的对比感觉的好坏。
除了这些,还有许许多多设计的点,比如我们大家都了解的交互设计,还有比如代码设计,也可以展示给用户看到的这些综上所述,构成了用户体验设计的一个大过程。