柵格與框架:移動(dòng)端的崛起(2007)
此刻,在手機(jī)上瀏覽網(wǎng)頁本就是一種全新的挑戰(zhàn)。設(shè)計(jì)師除了要為不同設(shè)備設(shè)計(jì)不同的布局,還面臨著內(nèi)容控制的問題:小屏幕上展示的內(nèi)容要和桌面端一樣多,還是需要?jiǎng)冸x開來?桌面端網(wǎng)頁上閃亮精致的小廣告要如何在手機(jī)上呈現(xiàn)?加載速度也是一個(gè)大問題,移動(dòng)端設(shè)備的網(wǎng)絡(luò)加載速度不夠快,而且桌面端網(wǎng)頁會(huì)消耗大量的流量。網(wǎng)頁設(shè)計(jì)亟待改進(jìn)。
第一個(gè)重大的改進(jìn)是柵格系統(tǒng)的出現(xiàn)。經(jīng)過摸索,960柵格系統(tǒng)最終勝出,經(jīng)典的12欄柵格被設(shè)計(jì)師們廣泛的接納,甚至成為許多設(shè)計(jì)師最常用的設(shè)計(jì)工具。接下來,各種常見的設(shè)計(jì)元素諸如表格、導(dǎo)航、按鈕被標(biāo)準(zhǔn)化,打包成為可復(fù)用的套件,這基本上就構(gòu)成了視覺元素庫,其中還納入了常見的代碼。其中最典型的代表就是Bootstrap和Foundation,它們也使得網(wǎng)站和APP之間的界限逐漸模糊。當(dāng)然,它們也不是沒有缺點(diǎn),借助這些庫設(shè)計(jì)出來的網(wǎng)頁往往大同小異,而且網(wǎng)頁設(shè)計(jì)師要想使用它們還得深入了解相關(guān)的代碼知識(shí)。
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境