网站设计总结

武汉/UI设计师/6年前/384浏览

版权

网站设计总结

最近设计网站的一些心法

统一基调

网站的基调是品牌的一个形象表现，如果同一个网站两个网页基调不同，用户在跳转切换时会不知所措，更无法加深品牌印象。网站基调的统一大到配色比例、结构布局，小到文字字体、元素处理，都要统一。

建立视觉线

很多用户一般用快速扫描的方式查看浏览网页，在设计时通过大小对比、元素指引以及动画来引导用户的浏览路径。告诉用户哪些信息是重要的，以及网站哪些内容优势突出。以此提高用户在网页的留存率。

对比

网页和平面布局相似，通过对比增加可读性，常用的是大小对比、颜色对比、字体的粗细和疏密，通过对比提高视觉层级最容易获取网页信息的传达。

视频展示

首屏视频替代静态图片也是大势所趋，特别是B2B的网站，首页视频大大提高了转化率，更多的用户愿意点击视频，在最短的时间了解更多的内容，对于用户也能传递更多的情感。

插画场景

相比文字来说，图是最容易让视觉接纳的，也是获取信息最快捷的。相比照片，插画是更简单直白，更加容易理解内容信息。插画的形式有利于塑造轻松活力的品牌，以场景故事的方式表达，有较强的代入感。

交互动效

近些年动效成为了了设计趋势，也是和极简风达成一个平衡，简化但不简单。动画效果的设计增加了用户浏览的趣味性，增强了用户的参与感，以此浏览体验会更舒服。从鼠标悬浮的常规效果，到插画场景的动效它们都会强化设计体验。（动效节奏要记得保持一致性，避免界面混乱）

总结

一切的设计手段都只有一个目的，就是让用户看下去。从产品角度、交互方式、视觉呈现，每一个环节都要深思熟虑为什么，所以不懂产品的交互不是个好UI。