移動(dòng)時(shí)代如何重塑網(wǎng)頁(yè)設(shè)計(jì)流程

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

當(dāng)前文章：移動(dòng)時(shí)代如何重塑網(wǎng)頁(yè)設(shè)計(jì)流程
文章鏈接：http://muchs.cn/news30/326430.html

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

廣告

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