web前端设计基础知识
web前端设计基础知识
web前端设计对网页设计是一个重要的环节，好看的前端更能吸引用户。那么你知道web前端设计基础知识都有哪些呢?下面是店铺精心为你准备的web前端设计基础知识，希望对你有帮助!
web前端设计基础知识
JavaScript的基本数据类型
内置对象的常用方法
理解事件机制
理解原型继承
理解作用域问题
理解模块化
性能优化网页设计基本代码
知道基本的编程语法，比如循环，判断，try/catch 等等
理解包括多种函数定义以及赋值的方式，包括匿名函数
理解基本的命名空间，全局(window)空间以及对象空间(不包括闭包)
理解上下文的角以及 this 变量的使用
理解各种对象以及函数的初始化和声明方式
理解 javascript 比较操作符，如<,>, ==, ===，以及对象和字符串比较的原理和对象映射
理解对象属性和函数的数组索引，以及这和真实的数组之间的区别。
Web前端设计排版技巧
一、强调字体
字体的设计与强调在网页当中相当重要，合适的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增强网站对用户的吸引力
二、单页面设计
随着互联网的发展，用户的习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲，与其在多个页面中来回点击查看，不如直接滚轮来的方便。
三、网页块设计
随着互联网的发展和H5的出现，网站网页的排版方式越来越倾向于简洁大方，这最根本的原因在于：用户的视觉和心理。不同的块放在一起形成强烈的对比，要么以纯文字形式，要么以方形照片配上文字形式，这两者在一定程度上刺激了用户的视觉兴趣，进而使用户继续探索。
四、背景
网页以什么样的方式作为背景呢?纯?渐变?图片?这三种都是可以的，但以商业化为目的展
示，用照片作为网站网页的背景，不仅可以达到展示的目的，而且还可以达到强烈的视觉表达效果。这种设计方式在时尚、品牌和旅游等行业最为常见。
五、图片
简约、设计时尚、颜对比突出，表达清楚、突出目的的大图，是很多网站开发者所追捧的。同样与枯燥的文字相比，用户也更愿意继续观赏这样的网站。
六、响应式设计
随着手机和移动端设备广泛的被人们使用，响应式设计成为目前网站开发比不可少的`内容。不仅能节省开发者的成本和时间，更能方便用户在不同尺寸的设备上畅通无阻的浏览你的网站。
七、视差滚动
让多层背景以不同的速度移动，形成运动视差的3D效果，这样的效果以后很可能会在H5的网站中更加常见和流行
Web前端设计原则
KISS原则(Keep it Simple and Stupid)
一切尽可能简单，简单，简单 简单就是美，能简单的绝不复杂
DRY原则(Don’t Repeat Yourself)
顾名思义，任何一段代码如果需要复制第三次，需要进行抽象
最少知道原则
高内聚，低耦合，任何事物应该保持对外界的最少知道原则
分治原则
复杂的问题，负责的功能，应该拆分，由更小的部分组成
一键复制全文
下载全文

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。