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

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

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

廣告

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