网页设计 百分网手机站

web前端设计基础知识

时间:2020-09-06 16:10:08 网页设计 我要投稿

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)

  顾名思义,任何一段代码如果需要复制第三次,需要进行抽象

  最少知道原则

  高内聚,低耦合,任何事物应该保持对外界的最少知道原则

  分治原则

  复杂的问题,负责的功能,应该拆分,由更小的部分组成

【web前端设计基础知识】相关文章:

web网页设计的技巧09-13

网页设计前端页面制作要求09-16

web网页设计的技巧有哪些09-09

Web网页设计标准之常见问题09-09

网页设计前端页面规范要求和注意事项09-14

网页设计的基础知识09-16

网页设计前端页面制作的规范和注意事项09-25

提高Web设计师工作效率的技巧10-04

网页设计前端页面制作的规范要求和注意事项09-21

计算机二级《Web程序设计》习题09-17