标签：web 界面设计 网站 知识 规范 体积小 webui 衬线 梳理

学习web第一天 

引入

1. web-UI分为三个方向：用户研究、交互设计、界面设计

2. 网站：门户网站（新浪），分类信息网站（58），交易类网站（京东），娱乐性网站（a站），博客类（微博），论坛（贴吧），行业类网站，企业网站，机构类网站（政府机关），功能性网站（有道翻译）

3. 网页构成：模块（最小单位）

4. 网页的实现：web标准化布局（html，css，js）

 

web设计

设计维度

1. 版式

2. 色彩

3. 图片

4. 字体

5. 段落

6. 细节

界面设计流程

版式、制作、输出

设计规范

色彩规范（主色辅色文字色）——一屏换一种颜色缓解视觉疲劳

文字规范（大小行距应用内容）——突出（无衬线） 正文（衬线）

图标规范

控件规范（按钮高度 样式）

图像格式

图片：

jpg (色彩丰富,体积大)

gif(动态 静态，透明底但毛边，体积小)

png(体积小，透明底，开发常用)

---

flv(视频，体积小，加载速度快)

mp3(音频)

标签：web,界面设计,网站,知识,规范,体积小,webui,衬线,梳理
来源： https://blog.csdn.net/weixin_46537911/article/details/122429310

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。