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

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

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

廣告

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