TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊
你設(shè)計(jì)視覺(jué)稿的過(guò)程，其實(shí)就是寫(xiě)HTML和CSS的過(guò)程。
換句話(huà)說(shuō)，你設(shè)計(jì)過(guò)程中的每一步操作，都對(duì)應(yīng)于一句HTML或者CSS代碼。
比如設(shè)計(jì)一個(gè)導(dǎo)航欄(#navbar)，圖層就可以命名為navbar，而navbar下面的組件元素就可以都放在同一個(gè)圖層或者圖層文件夾中；然后添加一個(gè)導(dǎo)航欄外部容器(.container)，給其添加背景色(backgroud-color:#FFD100)；然后添加一些導(dǎo)航鏈接(.item)，添加鏈接的文本內(nèi)容……
順著這個(gè)思路，你在設(shè)計(jì)過(guò)程中，你可以預(yù)先解決HTML元素命名、CSS樣式數(shù)據(jù)、HTML與CSS模塊化策略、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)策略、跨瀏覽器兼容性策略等問(wèn)題。
視覺(jué)稿實(shí)際完成，你會(huì)發(fā)現(xiàn)哪里需要切圖，哪里可以直接用HTML/CSS代碼實(shí)現(xiàn)，一切問(wèn)題都了然于心。
所以說(shuō)，網(wǎng)頁(yè)交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)，與HTML/CSS/JS開(kāi)發(fā)是密不可分的，沒(méi)有明確的先后關(guān)系。
凡是把視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)，與HTML/CSS/JS開(kāi)發(fā)，看作是兩個(gè)不同的工種的，都不是“真前端”。
舉報(bào)