webui之简单知识梳理

学习web第一天 

引入

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

  2. 网站:门户网站(新浪),分类信息网站(58),交易类网站(京东),娱乐性网站(a站),博客类(微博),论坛(贴吧),行业类网站,企业网站,机构类网站(*机关),功能性网站(有道翻译)

  3. 网页构成:模块(最小单位)

  4. 网页的实现:web标准化布局(html,css,js)

webui之简单知识梳理

 

web设计

设计维度

  1. 版式

  2. 色彩

  3. 图片

  4. 字体

  5. 段落

  6. 细节

界面设计流程

版式、制作、输出

设计规范

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

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

图标规范

控件规范(按钮高度 样式)

图像格式

图片:

jpg (色彩丰富,体积大)

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

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


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

mp3(音频)

上一篇:js 获取select的值


下一篇:js 中的级联操作