学习web第一天

引入

web-UI分为三个方向：用户研究、交互设计、界面设计
网站：门户网站（新浪），分类信息网站（58），交易类网站（京东），娱乐性网站（a站），博客类（微博），论坛（贴吧），行业类网站，企业网站，机构类网站（政府机关），功能性网站（有道翻译）
网页构成：模块（最小单位）
网页的实现：web标准化布局（html，css，js）

web设计

设计维度

版式
色彩
图片
字体
段落
细节

界面设计流程

版式、制作、输出

设计规范

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

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

图标规范

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

图像格式

图片：

jpg (色彩丰富,体积大)

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

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

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

mp3(音频)

webui之简单知识梳理相关推荐

Java简单知识梳理
1. Java是单根继承结构:每个类都继承于Object类 ,这也就保证了每个对象都具备某些功能 2. Java类权限关键字: public -> protected -> default ...
用css实现简单的动画——“奔跑的小子”（有知识梳理和图片）
一.实现效果 <!DOCTYPE html> <html><head><meta charset="utf-8"><title ...
插件化知识梳理(7) 类的动态加载入门
一.前言在插件化知识梳理(6) - Small 源码分析之 Hook 原理这一章的学习完成之后,下一步我们将进入插件化加载的精髓,动态加载类的学习,在此之前,我们需要先准备一些关于类加载的知识. ...
数据结构（C语言版）第八章排序知识梳理 + 习题详解
目录一.归并排序二.交换排序 1.快速排序 2.冒泡排序三.插入排序 1.直接插入排序(基于顺序查找) 2.折半插入排序(基于折半查找) 3.希尔排序(基于逐趟缩小增量) 四.选择排序 0.直接 ...
数据结构（C语言版）第六章图知识梳理 + 习题详解
目录一. 图的基本定义和术语一.图的基本概念 1.度 2.连通 (1)连通图 (2)强连通/强连通图 3.回路 4.完全图二.图的三种存储结构 1.邻接矩阵表示法 2.邻接表(链式)表示法 3. ...
数据结构（C语言版）第二章线性表知识梳理+作业习题详解
目录一.线性表顺序存储结构(顺序表) 0.线性表的基本概念 1.样例引入:多项式相加二.线性表链式存储结构(链表) 0.链表的基本概念 1.前插法代码实例 2.链表尾插法完整代码附带各种操作三. ...
Framework 源码解析知识梳理(5) startService 源码分析
一.前言最近在看关于插件化的知识,遇到了如何实现Service插件化的问题,因此,先学习一下Service内部的实现原理,这里面会涉及到应用进程和ActivityManagerService的通信, ...
Dagger2 知识梳理(1) Dagger2 依赖注入的两种方式
一.资料推荐最近这几天一直在看有关Dagger2有关的文章,感觉就是这东西真难用.真难懂,数次想要放弃,还好有网上大神的教程帮助,模模糊糊总算能把基本的几个概念跑通了. 这里首先推荐牛晓伟的下面 ...
Kotlin 知识梳理(13) 运行时的泛型
一.本文概要本文是对<<Kotlin in Action>>的学习笔记,如果需要运行相应的代码可以访问在线环境 try.kotlinlang.org,这部分的思维导图为: 二 ...
Js基础知识梳理系列
小序:总是感觉自己的技术一直在原地踏步,想学习一些新的技术,但学起来很吃力,而且总是没有什么实际的收获,似乎进入了所谓的"瓶颈期".问了一些前辈是否也遇到过同样的问题,他们给我的解 ...

webui之简单知识梳理

引入

web设计

设计维度

界面设计流程

设计规范

图像格式

webui之简单知识梳理相关推荐

最新文章

热门文章