- 相關(guān)推薦
web前端設(shè)計(jì)基礎(chǔ)知識(shí)
web前端設(shè)計(jì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)重要的環(huán)節(jié)，好看的前端更能吸引用戶。那么你知道web前端設(shè)計(jì)基礎(chǔ)知識(shí)都有哪些呢?下面是小編精心為你準(zhǔn)備的web前端設(shè)計(jì)基礎(chǔ)知識(shí)，希望對(duì)你有幫助!
JavaScript的基本數(shù)據(jù)類型
內(nèi)置對(duì)象的常用方法
理解事件機(jī)制
理解原型繼承
理解作用域問(wèn)題
理解模塊化
性能優(yōu)化
知道基本的編程語(yǔ)法，比如循環(huán)，判斷，try/catch 等等
理解包括多種函數(shù)定義以及賦值的方式，包括匿名函數(shù)
理解基本的命名空間，全局(window)空間以及對(duì)象空間(不包括閉包)
理解上下文的角色以及 this 變量的使用
理解各種對(duì)象以及函數(shù)的初始化和聲明方式
理解 javascript 比較操作符，如<,>, ==, ===，以及對(duì)象和字符串比較的原理和對(duì)象映射
理解對(duì)象屬性和函數(shù)的數(shù)組索引，以及這和真實(shí)的數(shù)組之間的區(qū)別。
Web前端設(shè)計(jì)排版技巧
一、強(qiáng)調(diào)字體
字體的設(shè)計(jì)與強(qiáng)調(diào)在網(wǎng)頁(yè)當(dāng)中相當(dāng)重要，合適的排版和適當(dāng)?shù)淖煮w強(qiáng)調(diào)，不僅可以讓用戶快速的抓住網(wǎng)站中的重點(diǎn)，同樣可以增強(qiáng)網(wǎng)站對(duì)用戶的吸引力
二、單頁(yè)面設(shè)計(jì)
隨著互聯(lián)網(wǎng)的發(fā)展，用戶的習(xí)慣更傾向于鼠標(biāo)滾輪。在用戶的體驗(yàn)和習(xí)慣方面來(lái)講，與其在多個(gè)頁(yè)面中來(lái)回點(diǎn)擊查看，不如直接滾輪來(lái)的方便。
三、網(wǎng)頁(yè)色塊設(shè)計(jì)
隨著互聯(lián)網(wǎng)的發(fā)展和H5的出現(xiàn)，網(wǎng)站網(wǎng)頁(yè)的排版方式越來(lái)越傾向于簡(jiǎn)潔大方，這最根本的原因在于：用戶的視覺(jué)和心理。不同的色塊放在一起形成強(qiáng)烈的對(duì)比，要么以純文字形式，要么以方形照片配上文字形式，這兩者在一定程度上刺激了用戶的視覺(jué)興趣，進(jìn)而使用戶繼續(xù)探索。
四、背景
網(wǎng)頁(yè)以什么樣的方式作為背景呢?純色?漸變?圖片?這三種都是可以的，但以商業(yè)化為目的展示，用照片作為網(wǎng)站網(wǎng)頁(yè)的背景，不僅可以達(dá)到展示的目的，而且還可以達(dá)到強(qiáng)烈的視覺(jué)表達(dá)效果。這種設(shè)計(jì)方式在時(shí)尚、品牌和旅游等行業(yè)最為常見(jiàn)。
五、圖片
簡(jiǎn)約、設(shè)計(jì)時(shí)尚、顏色對(duì)比突出，表達(dá)清楚、突出目的的大圖，是很多網(wǎng)站開(kāi)發(fā)者所追捧的。同樣與枯燥的文字相比，用戶也更愿意繼續(xù)觀賞這樣的網(wǎng)站。
六、響應(yīng)式設(shè)計(jì)
隨著手機(jī)和移動(dòng)端設(shè)備廣泛的被人們使用，響應(yīng)式設(shè)計(jì)成為目前網(wǎng)站開(kāi)發(fā)比不可少的內(nèi)容。不僅能節(jié)省開(kāi)發(fā)者的成本和時(shí)間，更能方便用戶在不同尺寸的設(shè)備上暢通無(wú)阻的瀏覽你的網(wǎng)站。
七、視差滾動(dòng)
讓多層背景以不同的速度移動(dòng)，形成運(yùn)動(dòng)視差的3D效果，這樣的效果以后很可能會(huì)在H5的網(wǎng)站中更加常見(jiàn)和流行
Web前端設(shè)計(jì)原則
KISS原則(Keep it Simple and Stupid)
一切盡可能簡(jiǎn)單，簡(jiǎn)單，簡(jiǎn)單!!! 簡(jiǎn)單就是美，能簡(jiǎn)單的絕不復(fù)雜
DRY原則(Don’t Repeat Yourself)
顧名思義，任何一段代碼如果需要復(fù)制第三次，需要進(jìn)行抽象
最少知道原則
高內(nèi)聚，低耦合，任何事物應(yīng)該保持對(duì)外界的最少知道原則
分治原則
復(fù)雜的問(wèn)題，負(fù)責(zé)的功能，應(yīng)該拆分，由更小的部分組成
【web前端設(shè)計(jì)基礎(chǔ)知識(shí)】相關(guān)文章：
web前端技巧解說(shuō)06-11
網(wǎng)頁(yè)設(shè)計(jì)和web前端開(kāi)發(fā)哪個(gè)好09-20
UI設(shè)計(jì)和Web前端哪個(gè)比較好08-08
web前端js面試題及參考答案08-26
web網(wǎng)頁(yè)設(shè)計(jì)的技巧11-03
網(wǎng)頁(yè)設(shè)計(jì)和前端的區(qū)別11-05