好设计与坏设计
好设计:
- 会立刻建立一个持久的良好印象
- 让用户相信产品
- 增加用户关于产品的感知价值
- 可以尽快为用户提供需要的信息
坏设计:
- 让用户觉得这个品牌并不在意他们的产品
- 让用户觉得是不是进了钓鱼网站
- 让产品看起来很廉价
- 让用户困惑并且很难实现他们的需求
因素
- 网页因素:排版, 网页的内容呈现框架
- 网页因素:字体
- 网页因素:颜色
- 网页因素:图片和插图
- 网页因素:图标
- 网页因素:阴影
- 网页因素:圆角边框
- 网页因素:留白
- 网页因素:视觉层次
- 网页因素:用户体验 UX
- 一些成熟的组件和布局
网页个性
在设计网页时应首先考虑你想要网页传达哪种情绪,希望让用户感受到什么氛围。不同的网页个性也可以相互融合。
获得灵感(剽窃)
假如要设计某种创业网站,此时需要用自信和乐观的个性,根据上面的框架可以知道大体细节如何选择,接着是去各大网站找类似的获得灵感。
- Land-book
- One Page Love
- awwwards.com
设计网页流程
有了网页内容后:
- 首先设计单个组件,如按钮,文本
- 将他们组合出一个块
- 然后设定布局
- 最后添加留白等组成一个网页
一般有这些因素:
- 元素:文本,按钮,图片,输入框,标签
- 组件:面包屑导航, 分页(Pagination), 弹窗消息和状态栏,统计数据,图片画廊,功能盒,预览信息卡片,折叠面板(Accordion),组件切换,轮播(Carousel),客户评价(Customer testimonials),客户商标(Customer logos),奖项证明(Featured-in logos),流程介绍(Steps),表单,表格,定价表,模态窗 Modal Window
- 块组件:导航,头部区(Hero Section),导购栏,页脚,特征行
- 布局:一行盒子或卡片,两维盒子或卡片,Z模式,F模式,单列布局,侧边布局,多列/杂志布局,不对称/实验布局(Asymmetry/Experimental)