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


用RWD设计网站平面设计师跨行网站设计常会遇到问题 , 原因就是平面设计不需要依照RWD逻辑进行设计 , 但是网站设计必须依照RWD做各种排列组合 , 才可以面对手机、平板、桌机时可以变换出最佳的画面呈现 , RWD观念越好就能在设计细节上处理得更完善 , 就不会设计出图片不知道要配哪一段文字错误编排 。
空白的实际应用前面有提到要留白 , 那留白实际应用是什么呢?例如:企业商标(LOGO)的背景与一定范围区域都是留白的 , 这是在保护LOGO的呈现 。 文字段落之间会刻意留几行空白列 , 制造一个无形的段落界线 。 还有购物网站的商品常常会去背景只留下商品以突显商品 。 以上三个是留白的常见案例 , 当然还有很多空白的意义 , 但几乎都不离这三个原则:创造空间感、舒适易读、提高关注力 。
文字编排很重要网站不是图就是文 , 图片就是一张图 , 但文字没那么简单 , 文字需要编排 , 需要注意的事项:文字字距、行距、字体大小、文字字数、标题颜色、靠左靠右靠中、标点符号、换行字数、文字段落留白、编排一致性… , 光是文字编排得好 , 就会有好的设计呈现 , 文字多的网站更应该重视文字边排 , 可以多看一些有做文字编辑的网站 , 像是天下杂志、康健杂志、商业周刊… , 这些网站对于文字编排都具备标准化与整体感 , 非常值得参考 。 文字编排很重要 , 举一个文字阅读不友善的例子 , 很多网站文章每一行的字数都很宽 , 中文字数都超过50个字以上 , 字数超过人类的可视角 , 看完一行要换到下一行会对不准 , 这就是符合人类阅读的设计 , 控制单行在45~55个中文换行是较容易阅读的换行字数 。 文章的行距太挤 , 会难以阅读 , 最好的行距是字高的30%~50%之间 。 字大小的使用也不是越大越好 , 字过大有粗糙感 , 文青风网站很爱用小字表现质感 , 但也苦了老花眼的长辈 , 文字大小应该要依据网站特性适时的微调通用的字体 , 像是康健网站字体有刻意放大 , 因为网站有更多的中老年浏览者 。
内容为主才有好设计网站设计的意义是为了什么?为了呈现动画?为了设计美图?为了成为网路艺术品?其实都不是 , 网站设计就是为了要将「有用的资讯」友善的呈现在网路上 , 透过设计让网站更容易的被接受与喜爱 , 提高网站的曝光效率 , 而这些逻辑恰巧跟搜索引擎的排名逻辑一致 , 明确的主题、良好的使用体验设计(UX)、口语化易读的文字、清楚明了的表格、符合主题的影片、良好的SEO架构、好用的内容管理系统(CMS) , 以上都必须靠设计来达成 , 网站设计是技术整合的完美呈现 , 是扎实的内功而不是花拳绣腿 。 如果网站的本质是内容 , 那应该要认真的思考网站可以帮助人们什么?它的受众对象是谁?应该准备什么资料来满足浏览者?回到内容与使用者需求之后 , 透过设计来解决呈现的问题就不再是一个难以理解的事情 。

结论为什么这个设计可以?这个设计不行?绝对不是单凭感觉与主观做评判 , 对于专业的网站建设公司来说 , 绝对可以具体列出设计不妥的理由 , 设计当然没有这么简单 , 但只要依循基本设计原则设计网站 , 网站绝对不会太差 , 本文提到的项目都是「设计的基本功」 , 如果这些你知道 , 恭喜你只要继续努力绝对可以成为独当一面的设计师 , 如果你还不是很清楚这些细节 , 可以试着体会一下这些基本原则 , 希望对你的网页设计路上有一些帮助 。