 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108000 |
| 發(fā)貼等級：21 |
    
    |
| 發(fā)貼數(shù)：1156 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈(zèng)鮮花： 182 |
|
 |
|
|
發(fā)表時(shí)間：2015/12/2 21:12:00 |
樓 主 |
|
 |
|
 |
|
從前端角度來看網(wǎng)頁設(shè)計(jì)
要想讓代碼出來得很有邏輯而簡約。而這是要從設(shè)計(jì)開始的。非常符合盒子式的設(shè)計(jì)模式，一拿到就覺得特別專業(yè)和省力。
首先來說下作為前端我拿到設(shè)計(jì)稿先看哪些部分：
1.整個(gè)網(wǎng)站的底色,觀察設(shè)計(jì)規(guī)律，主要找具有統(tǒng)一性的設(shè)計(jì)
比如按鈕button的寬、高、底色、所用文字、文字大小、文字顏色都是一樣的，這樣我們寫代碼的時(shí)候就可以把這些寫進(jìn)一個(gè)class，以方便后面復(fù)用。
2.將網(wǎng)頁橫豎向開始分區(qū)，這時(shí)候心里大概知道了內(nèi)容content，大概在第幾層，第幾列（x,y），這樣我們在寫代碼的時(shí)候就非常有層次感
3.讓后看(x,y)里面的內(nèi)容，而內(nèi)容我們看什么呢，主要有內(nèi)容A區(qū)域的底色（background）/邊框（border）/內(nèi)邊距（padding）/外邊距（margin）/陰影（shadow）/圓角（border-radius）
4.看一些細(xì)節(jié)，如特色圖標(biāo)，專有標(biāo)簽，這是網(wǎng)頁設(shè)計(jì)師最考驗(yàn)設(shè)計(jì)師的地方，在千萬網(wǎng)站中，要想一眼難以忘記，靠的就是獨(dú)特的風(fēng)格。
5.這時(shí)候我們開始考慮交互性的效果，不僅僅是網(wǎng)頁上的一些動(dòng)態(tài)效果，等多的是用戶在使用過程中的呈現(xiàn)方式。
6.網(wǎng)頁的性能，比如壓縮代碼和圖片，加載方式。
7.數(shù)據(jù)的交互 |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|