web前端设计基础知识_第1页
web前端设计基础知识_第2页
web前端设计基础知识_第3页
web前端设计基础知识_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

本文格式为Word版,下载可任意编辑——web前端设计基础知识web前端设计根基学识

web前端设计对网页设计是一个重要的环节,好看的前端更能吸引用户。那么你知道web前端设计根基学识都有哪些呢?下面是我用心为你打定的web前端设计根基学识,梦想对你有扶助!

web前端设计根基学识

JavaScript的根本数据类型

内置对象的常用方法

理解事情机制

理解原型继承

理解作用域问题

理解模块化

性能优化

知道根本的编程语法,譬如循环,判断,try/catch等等

理解包括多种函数定义以及赋值的方式,包括匿名函数

理解根本的命名空间,全局window空间以及对象空间不包括闭包

理解上下文的角色以及this变量的使用

理解各种对象以及函数的初始化和声明方式

理解javascript对比操作符,如,,==,===,以及对象和字符串对比的原理和对象映射

理解对象属性和函数的数组索引,以及这和真实的数组之间的识别。

Web前端设计排版技巧

一、强调字体

字体的设计与强调在网页当中相当重要,适合的排版和适当的字体强调,不仅可以让用户快速的抓住网站中的重点,同样可以巩固网站对用户的吸引力

二、单页面设计

随着互联网的进展,用户的`习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲,与其在多个页面中来回点击查看,不如直接滚轮来的便当。

三、网页色块设计

随着互联网的进展和H5的展现,网站网页的排版方式越来越倾向于干脆大方,这最根本的理由在于:用户的视觉和心理。不同的色块放在一起形成猛烈的比较,要么以纯文字形式,要么以方形照片配上文字形式,这两者在确定程度上刺激了用户的视觉兴趣,进而使用户持续探索。

四、背景

网页以什么样的方式作为背景呢?纯色?渐变?图片?这三种都是可以的,但以商业化为目的表示,用照片作为网站网页的背景,不仅可以达成表示的目的,而且还可以达成猛烈的视觉表达效果。这种设计方式在时尚、品牌和旅游等行业最为常见。

五、图片

简约、设计时尚、颜色比较突出,表达领会、突出目的的大图,是好多网站开发者所追捧的。同样与枯燥的文字相比,用户也更容许持续参观这样的网站。

六、响应式设计

随着手机和移动端设备广泛的被人们使用,响应式设计成为目前网站开发比不成少的内容。不仅能节省开发者的本金和时间,更能便当用户在不同尺寸的设备上畅通无阻的欣赏你的网站。

七、视差滚动

让多层背景以不同的速度移动,形成运动视差的3D效果,这样的效果以后很可能会在H5的网站中更加常见和流行

Web前端设计原那么

KISS原那么KeepitSimpleandStupid

一切尽可能简朴,简朴,简朴!!!简朴就是美,能简朴的绝不繁杂

DRY原那么Don’tRepeatYourself

顾名思义,任何一段代码假设需要复制第三次,需要举行抽象

最少知道原那么

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论