十二 如何設(shè)計(jì)一個頁面(轉(zhuǎn)載)

一個頁面的信息是如何布局的,從框架層到表現(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)先考慮那個?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,335評論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,801評論 1 92
  • 叮咚梅雨舞西窗, 湫濕湖畔幽篁。 碧煙籠罩水茫茫,蕩漾天光。 執(zhí)扇佳人微步,扶風(fēng)垂柳飛揚(yáng)。 思君環(huán)佩響珰珰,落字含香。
    樹梢的雪閱讀 238評論 19 16
  • 體驗(yàn)入 國慶節(jié),每個中國人都應(yīng)該自豪的節(jié)日,中國站起來的節(jié)日。 核心 國家 轉(zhuǎn)身用 強(qiáng)大自己,強(qiáng)大公司,強(qiáng)大社會,...
    乾立風(fēng)中閱讀 140評論 0 1
  • 年輕的時候, 我曾種過一株罌粟花, 妖艷如火的性子, 我和時光一起慢慢老去, 我老了, 時光卻不老, 它和我一起,...
    lize_333閱讀 189評論 0 1