01 网页设计的概念和目的
-
网页——通过浏览器打开的页面
-
网页组成样式——文本、图像、动画、声音、视频、导航、交互样式等。
-
网页设计——根据产品的功能、定位向浏览者传递信息(产品、服务、理念、文化)功能的策划。
-
网页设计目的——通过使用合理的颜色、字体、图片、样式进行页面设计美化,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
02 网页设计的发展史及网站分类
如果网站是一本书,网页就是其中的一页
世界上第一个网站:here
- 网页发展
简单网页(最简单的网页只用文字传达信息)
网站类别(网页出现不同类型的门户网站、品牌网站,营销网站,电商网站等)
美观交互(注重交互,扁平化风格)
栅格化排版方式、扁平化设计风格
- 常见网站分类
门户站、品牌站、平台站、营销站、自适应网站、响应式网站
03 静态和动态网页的区别
- 静态页面:不能简单的理解成静止不动的网页,主要指的是网页中没有数据交互。
- 动态页面:有数据的交互,主要区别在于是否有后台调用数据等。
04 网页设计师需具备的能力
- 常用软件
Photoshop(界面设计)
Axure RP8.0(交互原型图)
像素大厨(页面标注) - 审美能力
- 对用户体验(交互)及页面布局有清晰的认识
- 沟通能力(客户,团队)
05 网页设计一般流程
- 项目策划——项目立项,需求策划
- 项目实施——设计人员,开发人员,测试人员
- 项目上线——展示
- 项目总结——数据分析,总结分析,产品迭代
- 网页设计效果图制作一般流程
绘制草图/原型图
绘制结构图
添加内容
效果图切片
输出切片
一些素材网站
图片素材 | 高清图片 | 设计欣赏 | 图标下载 | 矢量素材 |
---|---|---|---|---|
千图网 | 摄图网 | 站酷 | iconfont | 懒人图库 |
千库网 | 全景 | 花瓣 | 素材公社 | |
包图网 | 视觉中国 | behance | ||
90设计 | pixabay | |||
觅元素 | lapa |