网站UI设计.ppt

网站UI设计之道
—现代网络应用程序中的用户界面设计
—排版:原则、方针和常见错误
—现代网站的可用性原则
—超炫色彩终极使用指南
—网站优化
—为销售而设计
—把网站变成非凡的品牌
— css布局的艺术和科学
现代网络应用程序中的用户界面设计
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
现代网络应用程序中的用户界面设计
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
1. 清楚的(clear)
通过使用文字、流程图、层级图、图标等元素,避免用户对界面的模糊认识
鼠标移到WordPress的按钮时工具提示会弹出解释其职能。
通过圆角矩形将同一类工具划分在一起
出色的用户界面有8个特点
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
2. 简洁(concise)
简洁的界面,会帮助用户用更少的时间获取他想要的东西
能用一句话解释清楚的就不要用两句话
能用一个词解释的就不用一句话
能用图标解释清楚的就不用文字
出色的用户界面有8个特点
在 OS X 的音量控制中使用两个小图标以显示的音量从低到高。
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
3. 熟悉(Familiar)
使用现实生活公认的意象能够更好的帮助用户理解
出色的用户界面有8个特点
网站中的导航就是模仿现实中文件夹上的标签,使人一眼就能联想到它的作用
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
4. 响应性(Responsive)
响应性包括两个方面
1、响应迅速
2、反馈给用户,发生了什么
出色的用户界面有8个特点
Gmail会显示一个进度栏当您第一次进入您的收件箱。而不是逐步载入网页时,一旦一切准备就绪整个页面即时显示。
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
5. 一致性(Consistent)
一致的界面,使用户能够开发惯用模式,从过去的经验中更快的总结知道如何操作新功能。
出色的用户界面有8个特点
Microsoft word
Microsoft powerpoint
Microsoft excel
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
6. 美学性(good-looking)
好看的界面使用户工作起来更开心,不同的群体审美不一样
出色的用户界面有8个特点
精美的界面和图标对于苹果的成功功不可没
极简如谷歌,也费尽心思美化了Chrome用户界面元素,
css布局的艺术和科学
现代网络应用程序中的用户界面设
排版:原则、方针和常见错误
现代网站的可用性原则
超炫色彩终极使用指南
为销售而设计
把网站变成非凡的品牌
网站优化
出色的用户界面有8个特点
可视界面中的主要元素
制作有效用户界面的实用技术
7. 高效性(Efficient)
良好的设计能够提供给用户便捷,用更少的时间完成更多的工作
出色的用户界面有8个特点
苹果公司研究了人们在其iPhone上想要对照片做的几个关键的事情,并在照片控制中提供按钮来分别完成他们。
css布局的艺术和科学
现代网络应用程序中的用户界面