接著開(kāi)始設(shè)計(jì)手機(jī)端“超細(xì)長(zhǎng)頁(yè)面”的框架(因?yàn)槭謾C(jī)上一般是單列布局，所以頁(yè)面又細(xì)又長(zhǎng))。這一步開(kāi)始把信息結(jié)構(gòu)設(shè)計(jì)成較粗放的框架，可以在白板或紙面上 完成。要實(shí)現(xiàn)的關(guān)鍵目標(biāo)是：把這個(gè)頁(yè)面較需要呈現(xiàn)給用戶的內(nèi)容放在較重要的位置，要符合手機(jī)上的閱讀和操作習(xí)慣，盡量利用手機(jī)設(shè)備的特性。
根據(jù)手機(jī)端的框架拓展出平板和PC端框架。這是復(fù)雜產(chǎn)品實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)的關(guān)鍵步驟，它是讓眾多頁(yè)面有條理地響應(yīng)起來(lái)的基礎(chǔ)。**件事情是確定響應(yīng)式模式， 即從手機(jī)到平板到PC，導(dǎo)航怎么變化，頁(yè)面布局用哪種響應(yīng)方式，根據(jù)內(nèi)容優(yōu)先級(jí)如何調(diào)整模塊順序，等等。玩客在PC端以三欄布局為主，左邊欄作為局部導(dǎo)航 或者主人信息區(qū)，中間欄始終是頁(yè)面主體信息，當(dāng)頁(yè)面需要關(guān)聯(lián)導(dǎo)航時(shí)統(tǒng)一放在右邊欄。
到現(xiàn)在這個(gè)階段所有頁(yè)面的響應(yīng)式開(kāi)始有規(guī)則可循，下一步工作就是繼續(xù)細(xì)化規(guī)則，把框架**到具體尺寸。具體說(shuō)來(lái)就是制定流體柵格系統(tǒng)
響應(yīng)式是一種設(shè)計(jì)理念與前端技術(shù)緊密結(jié)合的新興形態(tài)，鼓勵(lì)盡早進(jìn)行跨職能溝通協(xié)作。交互確定響應(yīng)式框架和柵格系統(tǒng)后，其他角色就可以同步開(kāi)展工作 了。前端開(kāi)始介入完成柵格和框架搭建，產(chǎn)出頁(yè)面基礎(chǔ)框架。視覺(jué)同步開(kāi)始探索和定義視覺(jué)風(fēng)格探索，制定視覺(jué)框架，產(chǎn)出風(fēng)格關(guān)鍵詞、產(chǎn)品配色方案。整個(gè)過(guò)程需 要幾個(gè)角色不斷討論確定。
聲明：除原創(chuàng)內(nèi)容及特別說(shuō)明之外，發(fā)布稿件文字及圖片均來(lái)自網(wǎng)絡(luò)及各大主流媒體。版權(quán)歸原作者所有。如認(rèn)為內(nèi)容侵權(quán)，請(qǐng)聯(lián)系我們刪除。