一個頁面的信息是如何布局的,從框架層到表現(xiàn)層。
? ? ? ?網(wǎng)易應(yīng)用市場的一個首頁的一個框架層布局,把它歸納為四個區(qū)塊,每個區(qū)塊對應(yīng)一個用戶任務(wù),這個層次的沒有問題了,才能根據(jù)用戶任務(wù)將每個區(qū)塊細(xì)化為細(xì)節(jié)的線框成為了最后,視覺同學(xué)將其完善成視覺稿,框架層布局的作用尤其關(guān)鍵,雖然平時你們看不到,但是這的確會影響到每一個網(wǎng)頁的。就跟你看到的都是一棟棟的樓房,看不到建筑圖,但是當(dāng)初決定這個樓房長成什么樣子的是那些圖紙。
? ? ? ? ?在設(shè)計(jì)頁面最初,我們一定要想的是這個頁面主要實(shí)現(xiàn)的功能是那些?需要分成幾個部分,每部分是什么作用。用大框框先勾畫出來,框架定下來之后在針對每一個模塊內(nèi)的內(nèi)容進(jìn)行細(xì)化,最后形成了線框圖,到此基本功能都確定了,最后通過視覺的調(diào)節(jié)和潤色,賦予這個頁面獨(dú)特的氣質(zhì),一個頁面就這樣做好了。
? ? ? ?頁面框架是根據(jù)什么來設(shè)計(jì)的呢?我們這里教的只是方法,真的具體到你工作中的一個真實(shí)的頁面,你得分析來到整個頁面的用戶的具體情況,他們的需求是什么?來到整個頁面想要找什么信息?不同用戶需求之間我們要優(yōu)先考慮那個?