设计师|如何设计一个好网站? 遵守设计原则很重要( 二 )


传达单一且明确的主题我知道你有很多资讯想呈现 , 但过多的资讯只会让人却步 , 如果主题只有一个 , 那么这个网页就只需要一张示意图、一个标题、一段说明 , 单一的视觉设计有助于浏览者把目光专注放在这个主题上 , 如果网页采用了多个设计元素 , 建议你要做取舍 , 选一个主题留下来 , 其他就割舍吧 , 把想讲其他内容放到其他网页并串连 。
一开始就设定网站氛围网站要营造什么气氛是非常重要的事情 , 也是设计公司常常说的「设计风格」 , 风格设定取决于很多条件 , 最主要的就是企业识别(CI)、产业特性、喜好 , 如果是购物网站就适合丰富色彩以吸引目光 , 如果是传统制造业就适合沉稳专业氛围 , 如果是家具网站就需要营造温馨气氛 。 网站氛围是网页设计中最难以定义的事情 , 对氛围的感受是主观的 。 科技风、简约风、禅风、立体风、欢乐风… , 营造风格的设计元素有 , 版型配置、形状、色彩、图案、字体、平衡感、质感… , 有经验的设计师可以快速解构客户想法 , 解构方法有很多 , 其中最常见的就是提出各种设计案例厘清需求 , 但也不能客户说什么就做什么 , 这样网站会像拼装车 , 失去原本打动人心的设计初衷 。
精心编排网站内容顺序网站为了因应行动装置 , 发展了RWD网站设计 , 浏览网站都是由上而下 , 于是上面的第一张图就变得非常重要 , 这是引起兴趣的第一个视觉设计 , 为什么是用图不是用字?因为大脑处理图片速度比文字快 , 可快速提高吸引力 。 经过编排的网站流程 , 可以让浏览者引发兴趣一路往下看完 , 就是一个成功的设计 。
延伸阅读:到底是RWD(响应式网页设计)好还是AWD好?
善用留白的技巧于《留白的设计美学》一书提到 , 好设计的90%取决于「留白」 。 留白不是真的留下空白一片 , 留白是指留下空间 , 不要把每个位置布满资讯 , 让主题的图文可以更突显、更容易阅读 , 很多网站设计师看到画面有空位就想塞满资讯 , 不但无法呈现质感更让阅读产生障碍 , 留白应用设计的地方非常多 , 包含:图文间距、表格、行距、字距、图片配置、区块间… , 适时的留白设计让浏览者得以喘息、眼睛放松、更专注 , 让主题可以聚焦 。 留白应该空下多少?如何配置留白空间?是属较高难度的设计技巧 , 即使很难也不要怕留白 , 勇于留白才能设计更具水准的网站 。
配色是网站的第一印象为什么台湾商店招牌凌乱无章 , 而日本、欧美的商店招牌就是有一种美感呢?问题之一就是配色 , 杂乱无逻辑的招牌配色就是扼杀设计的第一个杀手 。 网站也一样 , 配色是网站第一眼感受的东西 , 配色不协调马上产生违合感 。 网站配色通常会延续企业识别(CI)的配色策略 , 如果没有识别设计 , 就很需要网页设计师的配色辅助 , 色彩学是设计师必须养成的能力 , 模仿配色是无法做出独特配色的 , 色彩不是只有版面、字体、表格、线条… , 还有照片、插图、影片的选用也有配色要考虑 , 颜色影响网站气氛甚巨 , 能掌握配色与用图的设计师就已经成功一半 , 如果对配色不擅长 , 建立多利用配色工具或是色票去练习配色 。

维持一致的网站设计风格网站设定了主题、风格、内容顺序、页首、页尾之后 , 后面的设计必须沿用这些定义 , 包含色彩、形状、质感、图片…等素材都必须维持一致性 , 让每个设计页都像是一家人 , 这跟企业识别系统(CIS)的逻辑是一样的 , 需要有系统的呈现整体感 , 整体感的并不是要你把相似的东西全部放在一起 , 错误方法:设计家具网站 , 整个网站放满家具照片 , 看到都疲乏了 , 这时候是适合放上几张有趣的插画 , 放上几张优惠小图 , 文章宣传图文 , 就能缓和类似内容带来的烦腻感 。