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


不要小看网站的字体选择网站字体用得好不好将会影响网站的「质感」 , 强调重点与易读性的网站 , 要避免使用有边线、阴影、装饰、逗趣、花俏、可爱、过度装饰的字体 , 如果不是直接跟图片合成的字体 , 要特别注意CSS字体的设定顺序 , 英文字体要放前面中文字体放后面 , 因为中文常常已经内含英文字体 。 繁体中文网站常用的是微软正黑体 , 简体网站则常用微软雅黑体 。 为了让网站速度与效能最佳化 , 还是会建议使用网站内建字体 , 虽然不同的作业系统与浏览器会有不一样的呈现 , 无法统一体验 , 但是只要擅用字体顺序、文字间距与留白 , 一样可以做到网站所需要的质感 。 最后 , 网站字体不要不断换来换去 , 这会让阅读整体感变得很差 , 让字体有整体感也是很重要的事情 , 善用字体变化也可以让原本需要编排的区块不需要多余的设计就能看出区域 。
插图让网站视觉进化有时候文字无法精确表达的时候 , 需要将资讯视觉化 , 这时候可以设计插图将资讯图像化 , 好的插图让网站更有看头 。 文章段落间插入照片或图表 , 可以提高阅读者的想像与理解 , 也会让文章更活拨有趣 , 但千万不要放一堆不知所云的照片或插图 , 使用毫无逻辑的素材是设计的大忌 。 至于是放图片比较好还是放插画呢?要视网站内容而定 。 有时候也可以用手绘图营造网站氛围 , 使用的照片、图片、插画的目的都是为了让网页更容易阅读与理解 。
拍摄网站的重要照片设计原则要善用照片与插图 , 但如果没有照片呢?除了购买图库图片外 , 为了呈现更好的视觉效果 , 建议要拍摄专属的照片 , 整个网站用了过多图库照片 , 除了缺乏整体感还会有不真实的感觉 。 照片(图片)是网站素材中最重要的元素 , 网站在怎样糟糕 , 有好的照片就能直接堪用 , 如果没有好照片 , 再好的版型、配色、文案、留白、内容顺序…, 因为品质低落的照片或图片 , 直接让网站变成不及格 , 尤其是首页形象图 。 好照片可以快速营造气氛 , 可以突显主题 , 有企划拍摄的照片 , 内容完整、光线充足、构图平衡、视角精确 , 简单后制就能应用到网站 , 照片品质不良就需要更多的后制去调整 , 包含校正色彩、调整色调、消除杂点、加强对比、增加曝光… , 「照片是网站设计最大关键」一点都没有错 。
将影片应用在网站上有时候文字、照片、插图、表格都无法完整表现要说明的内容 , 就很适合拍一段影片去呈现 , 例如:机械运作流程、食谱料理、家具安装方法… 。 网站可以写一套影音管理系统 , 也可以直接用Youtube、Vimeo崁入影音 。 如何拍摄影片与剪辑?如何在影片篇中加入动画?就又是另一个专业领域了 , 有机会再写关于影音拍摄的技巧文章 , 善用影片是网站设计基本原则之一 。
网站设计的差异在细节
网站设计除了上述提到的基本设计原则以外 , 再来就是比较繁琐的设计细节介绍 , 要从普通设计师到高阶设计师 , 你必须重视细节 , 有个日系汽车广告词「专注完美 , 近乎苛求」网页设计工作到了一个程度 , 设计细节好坏就是跟别人最大的差异 。
专属的设计风格专业的网站建设公司都会定位设计风格 , 选用的设计师也会依照这个方向去执行设计 , 像APPLE商品都有属于自己的设计风格 , 简单、易懂、好用、顺畅、简单配色 , 商品彼此之间都能找到共同的特质 , 网站也一样 , 无论是要营造什么氛围?设计什么素材?用什么照片?开什么版型?都会有一个基本原则是不会改变的 , 而这个设计风格的定位将是影响整个网站的走向 , 所以选网站设计公司的时候一定要先看设计公司的设计风格 , 作品都不喜欢真的不要勉强设计委托 , 彼此都痛苦 。