隨著時期和技術的開展,網頁設計的流程正悄無聲息地發作著宏大的變化。精準詳細的設計托付列表不再是網頁設計的獨一規范,靜態頁面設計在整個設計流程中所占的比重也逐漸降低,正好像Stephen Hay所說,我們所設計的不再是單純的頁面,而是包含諸多組件的一整個系統。移動網絡流行的時代重慶做網站應該如何去定方向
瞬息萬變的不只僅是內容和信息,用戶所用的設備和內容呈現的形式也在快速改動著,這些都與網頁設計息息相關,也沒有任何跡象標明這種改動會變緩。而我們的設計作為載體和呈現的載體,理應走在它們的前面。
之前的網頁設計流程在今天看來曾經無法對付這一切了,修整刻不容緩。矯捷開發、團隊協作和順應性調整都曾經是設計過程的最前沿,設計和開發之間的界線越來越含糊了。
移動網絡優先
移動網絡優先,這句口號曾經喊了好幾年了,真正有遠見卓識的網頁設計師應該很分明這句話遠不止于口號那么簡單。移動網絡優先必然會牽涉到設計流程,我們應當從小屏幕著手,先設計簡單的規劃,然后為其增加復雜度,以其為根底,為更大的屏幕來停止設計。
隨著移動網絡設備的用量超越PC,移動網絡的網頁閱讀無疑曾經成為用戶獲取信息的主要渠道,移動網絡優先的設計自然應該成為常態。
除非你的網站狀況十分特殊,或者你具有極具壓服力和特殊的數據支撐你的想法,移動網絡優先的設計契合邏輯也有道理。
相比于為小屏幕去降低整個設計的復雜性,為移動網絡先做好適配再提升其復雜度,是更容易的?;叵胍幌乱勒罩暗牧鞒虂碓O計網頁吧,我們總是疲于應對客戶的請求,在后期還要來回調整設計和代碼。未完成的頁面和不夠易用的移動網絡頁面,填不完的坑。
桌面端的頁面總是先做完,而在此根底上修正出來的移動網絡頁面,似乎總有點粗制濫造的覺得。
那么我們就不要將”移動網絡優先”當作一句簡單的口號好了!從如今開端真正意義上為移動網絡的小屏幕開端做設計!
搭建而非拆卸
設計是一個積聚的過程,每一個進步都是在前一步的完成和成功的根底上,逐漸樹立起來的。
基于小屏幕的設計規劃是契合邏輯的。我更傾向于一磚一瓦地搭建,而非做好了再一點一滴地拆卸下來。
我能想到最好的類比是“原子設計”,這種設計辦法是經過逐漸提升復雜度來構建事物。簡而言之,借助這種思緒是這樣做設計的:
1.肯定根本的排版組合、尺寸大小和顏色運用
2.基于這些根本的設定,肯定諸如表單字段和標簽等小元素的設計
3.基于以上的設計,完善諸如完好的聯絡人表單的大的元素的設計
4.將這些曾經構建好的網頁元素搭建成為頁面(諸如聯絡我們頁面)
5. 反復以上過程
就是這些不起眼的元素構建起了你的頁面,也正是這樣簡單的方式,同樣能夠完成之前看起來復雜無比的頁面設計。只需你用好這個設計流程,它所帶來的可能性是無限的。
比起一開端就操刀設計頁面,完成 這些“磚瓦”的設計更容易上手也更便利,整個設計流程從移動網絡過度到桌面端也愈加圓滿流利。想想在這個過程中,你和你的客戶所需求專注的事情吧,無非是持續不時地添加細節就好了。
不要局限于斷點
在討論響應式網頁設計的設計過程之時,我們破費了大量的時間在斷點的媒體查詢和為現有硬件設備做設計的均衡之上。形成這個場面的主要癥結,就是網站的內容。
假如可能的話,盡量在設計后期的時分,同內容和營銷團隊親密協作,在內容的構造和劃分上多花心機,避免最終在這個問題上影響網頁的設計,呈現不測。
即使是如此,從設計之初到設計后期乃至整個頁面上線,網頁內容都可能是不斷處于變動當中。標題越來越長,圖片改換,區塊被交換,等等等等。
“假如可能的話,盡量運用真實的內容來停止設計?!?
一個真正精心設計的系統應該是能夠收放自若的。所以,假如真的將營銷和內容團隊提供的Word文檔轉化成為一個牢靠的頁面,這樣的事情不應該令你頭疼。
固然有些細節的處置上的確需求多加留意,但是我的經歷通知我,其實并不要想復雜了,也不要想多了。絕大多數時分,一個緊湊而聰明的設計作風指南(Style Guide)能讓一切的事情瓜熟蒂落。
測試和完成
停止原型設計的確很不錯,但是原型設計的問題也在于,它還是一種“閉門造車”的設計,并沒有在真正的用戶那里得到考證。
在真實的設備上同用戶分享設計,借此能夠取得最好的設計反應。即便你僅僅只是畫了線框圖,也能在真實的設備上同用戶停止測試溝通。
測試響應式的設計,應該是一個廣泛而多樣的過程。找臺智能手機,把你的設計稿放進去,問問不做設計的同事和朋友,讓他們看看這樣的設計能否可行。接下來再換上iPad和桌面端設備,一步一步來。
全新的世界
從一個全新的角度來對待復雜的問題,我們所要面臨的一切似乎都是新的。提升團隊成員的協作嚴密度,含糊團隊界線能夠讓整個設計過程都快起來。我們的設計應該不時順應新的需求和新的情況,由于我們的內容、業務和這個世界的變化更快。