移動時代如何重塑網(wǎng)頁設(shè)計流程

隨著時間和技能的發(fā)展，網(wǎng)頁設(shè)計的過程正在悄然發(fā)生著巨大的變化。 準(zhǔn)確的設(shè)計交付清單不再是網(wǎng)頁設(shè)計的唯一標(biāo)尺，靜態(tài)頁面設(shè)計在整個設(shè)計過程中所占的比重逐漸降低。正如Stephen Hay所說，我們設(shè)計的不再是一個簡單的頁面，而是一個包含許多組件的完整系統(tǒng)。 & nbsp不僅內(nèi)容和信息在快速變化，用戶使用的設(shè)備和內(nèi)容呈現(xiàn)的方式也在快速變化，這些都與網(wǎng)頁設(shè)計密切相關(guān)，而且沒有跡象表明這種變化會放緩。 而我們的設(shè)計，作為載體和外觀的載體，應(yīng)該走在他們前面。 & nbsp以前的網(wǎng)頁設(shè)計流程，今天已經(jīng)不能敷衍了，急需修復(fù)。 敏捷開發(fā)、團(tuán)隊合作和適應(yīng)性調(diào)整都處于設(shè)計過程的最前沿，設(shè)計和開發(fā)的界限越來越模糊。 & nbsp移動端 :移動第一，這個口號喊了好幾年了，真正有遠(yuǎn)見的網(wǎng)頁設(shè)計師應(yīng)該很清楚，這句話遠(yuǎn)不止口號。 移動優(yōu)先肯定會涉及到設(shè)計過程。我們應(yīng)該從小屏幕開始，先設(shè)計一個簡短的布局，然后增加它的復(fù)雜度，在此基礎(chǔ)上設(shè)計更大的屏幕。 & nbsp隨著移動設(shè)備使用量超過PC，移動網(wǎng)頁閱讀無疑成為用戶獲取信息的重要渠道，移動優(yōu)先的設(shè)計自然應(yīng)該成為常態(tài)。 & nbsp除非你的網(wǎng)站情況非常特殊，或者你有令人信服的特殊數(shù)據(jù)來支持你的想法，否則mobile first的設(shè)計是符合邏輯和合理的。 & nbsp比起為小屏幕降低所有設(shè)計的復(fù)雜度，先適配移動終端再提升其復(fù)雜度更容易。 回想一下之前設(shè)計網(wǎng)頁的流程。我們總是疲于應(yīng)對客戶的請求，后期還要來回調(diào)整設(shè)計和代碼。 未完成的頁面和不好用的移動頁面，無盡的漏洞。 & nbsp桌面頁面總是先完成，這里基本改正的移動頁面總顯得有點粗制濫造。 & nbsp那我們就不要放& rdquo移動端是第一& rdquo把它當(dāng)做一個簡單的口號！從現(xiàn)在開始，真正設(shè)計移動終端的小屏幕！& nbsp建而不是拆的設(shè)計是一個積累的過程，每一次改進(jìn)都是在前一步完成并成功的基礎(chǔ)上逐步建立起來的。 & nbsp基于小屏幕的設(shè)計方案是合乎邏輯的。 我更喜歡一磚一瓦地建造，而不是一點一點地拆除。 & nbsp我能想到的最好的類比是& ldquo原子設(shè)計& rdquo這種設(shè)計方法是通過逐漸提升復(fù)雜性來構(gòu)建事物。 簡而言之，借助這個思路，設(shè)計如下:排版組合、大小、顏色的根本應(yīng)用，就是基于這些根本設(shè)置?？梢钥隙ǖ氖?，表單域、標(biāo)簽等小元素的設(shè)計都是基于上述設(shè)計，完整的聯(lián)系人表單等大元素的設(shè)計是完美的。這些已經(jīng)構(gòu)建的網(wǎng)頁元素被構(gòu)建到頁面中。重復(fù)上面的過程:正是這些不起眼的元素構(gòu)建了你的頁面，也正是這種簡單的方法，也可以完成之前看起來那么復(fù)雜的頁面設(shè)計。 只要利用好這個設(shè)計過程，它帶來的可能性是無窮無盡的。 & nbsp不要從頭開始設(shè)計網(wǎng)頁，完成這些& ldquo磚瓦& rdquo設(shè)計使用起來更加簡單方便，從移動到桌面的整個設(shè)計過程更加完美流暢。 想想你和你的客戶在這個過程中需要重點關(guān)注什么，只是不斷地添加細(xì)節(jié)。 在討論響應(yīng)式網(wǎng)頁設(shè)計的設(shè)計過程時，我們花了很多時間在斷點處的媒體查詢和為現(xiàn)有硬件設(shè)計之間的平衡上。 這種情況的關(guān)鍵是網(wǎng)站的內(nèi)容。 & nbsp如果可能的話，在設(shè)計后期盡量與內(nèi)容和營銷團(tuán)隊緊密合作，多關(guān)注內(nèi)容的結(jié)構(gòu)和劃分，防止意外最終影響到網(wǎng)頁在這個問題上的設(shè)計。 & nbsp即便如此，從設(shè)計開始到設(shè)計結(jié)束，甚至當(dāng)所有頁面都在線時，網(wǎng)頁的內(nèi)容可能總是在變化的。 標(biāo)題越來越長，換圖，換塊，等等。 & nbsp& ldquo如果可能的話，盡量用真實的內(nèi)容來設(shè)計。 & rdquo& nbsp一個真正設(shè)計良好的系統(tǒng)應(yīng)該是可伸縮的。 所以，如果你真的把營銷和內(nèi)容團(tuán)隊提供的Word文檔變成了一個靠譜的頁面，這樣的事情應(yīng)該不會讓你頭疼。 & nbsp雖然有些細(xì)節(jié)確實需要多加注意處理，但我的經(jīng)驗告訴我，不要想得太復(fù)雜，也不要想得太多。 很多時候，一個簡潔智能的設(shè)計風(fēng)格指南可以讓一切成真。 & nbsp有測試和實現(xiàn)的原型真的很好，但是原型設(shè)計的問題是它仍然是一種& ldquo關(guān)起門來& rdquo該設(shè)計尚未得到真實用戶的驗證。 & nbsp在真實設(shè)備上與用戶分享設(shè)計，從而獲得最佳的設(shè)計反饋。 即使只是畫一個線路圖，也可以在真實設(shè)備上進(jìn)行測試和用戶交流。 & nbsp測試響應(yīng)式網(wǎng)站建設(shè)的設(shè)計應(yīng)該是一個廣泛而多樣的過程。 找個智能手機，把你的設(shè)計稿放進(jìn)去，問問不做設(shè)計的同事朋友，看看這樣的設(shè)計是否可行。 接下來，裝上iPad和桌面設(shè)備，一步一步來。 & nbsp新世界& nbsp從一個全新的角度來看，我們要面對的一切似乎都是新的。 促進(jìn)團(tuán)隊成員的合作，模糊團(tuán)隊邊界，可以加快整個設(shè)計過程。 我們的設(shè)計應(yīng)該不斷適應(yīng)新的需求和新的情況，因為我們的內(nèi)容、業(yè)務(wù)和世界都在更快地變化。 & nbsp& nbsp

當(dāng)前文章：移動時代如何重塑網(wǎng)頁設(shè)計流程
文章鏈接：http://www.bm7419.com/news30/326430.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、App開發(fā)、建站公司、網(wǎng)站收錄、手機網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)