瞬息萬變的不只僅是內容和信息,用戶所用的設備和內容出現的方式也在快速改動著,這些都與網頁規劃休戚相關,也沒有任何跡象標明這種改動會變緩。而咱們的規劃作為載體和出現的載體,理應走在它們的前面。
之前的網頁規劃流程在今日看來從前無法抵擋這全部了,修整刻不容緩。矯捷開發、團隊協作和順應性調整都從前是規劃進程的最前沿,規劃和開發之間的界限越來越迷糊了。
移動端優先
移動端優先,這句標語從前喊了好幾年了,實在有遠見高見的網頁規劃師應該很分明這句話遠不止于標語那么簡略。移動端優先必然會牽涉到規劃流程,咱們應當從小屏幕著手,先規劃簡略的規劃,然后為其增加雜亂度,以其為基礎,為更大的屏幕來中止規劃。
跟著移動端設備的用量超越PC,移動端的網頁閱覽無疑從前成為用戶獲取信息的主要渠道,移動端優先的規劃自然應該成為常態。
除非你的網站狀況非常特殊,或者你具有極具說服力和特殊的數據支撐你的想法,移動端優先的規劃符合邏輯也有道理。
相比于為小屏幕去降低整個規劃的雜亂性,為移動端先做好適配再提高其雜亂度,是更簡略的。回想一下按照之前的流程來規劃網頁吧,咱們總是疲于應對客戶的請求,在后期還要來回調整規劃和代碼。未完結的頁面和不行易用的移動端頁面,填不完的坑。
桌面端的頁面總是先做完,而在此基礎上修正出來的移動端頁面,好像總有點偷工減料的覺得。
那么咱們就不要將”移動端優先”當作一句簡略的標語好了!從如今初步實在意義上為移動端的小屏幕初步做規劃!
搭建而非拆開
規劃是一個積累的進程,每一個進步都是在前一步的完結和成功的基礎上,逐步樹立起來的。
根據小屏幕的規劃規劃是符合邏輯的。我更傾向于一磚一瓦地搭建,而非做好了再一點一滴地拆開下來。
我能想到的類比是“原子規劃”,這種規劃辦法是通過逐步提高雜亂度來構建事物。簡而言之,借助這種思緒是這樣做規劃的:
必定根本的排版組合、尺寸巨細和顏色運用 根據這些根本的設定,必定諸如表單字段和標簽等小元素的規劃 根據以上的規劃,完善諸如完好的聯絡人表單的大的元素的規劃 將這些從前構建好的網頁元素搭建成為頁面反復以上進程
便是這些不起眼的元素構建起了你的頁面,也正是這樣簡略的方式,同樣可以完結之前看起來雜亂無比的頁面規劃。只需你用好這個規劃流程,它所帶來的可能性是無限的。
比起一初步就操刀規劃頁面,完結 這些“磚瓦”的規劃更簡略上手也更便當,整個規劃流程從移動端過度到桌面端也愈加滿意流利。想想在這個進程中,你和你的客戶所需求專心的工作吧,無非是繼續不時地添加細節就好了。
不要局限于斷點
在評論呼應式網頁規劃的規劃進程之時,咱們破費了很多的時間在斷點的媒體查詢和為現有硬件設備做規劃的均衡之上。構成這個局面的主要癥結,便是網站的內容。
假設可能的話,盡量在規劃后期的時分,同內容和營銷團隊親密協作,在內容的結構和區分上多花心機,避免最終在這個問題上影響網頁的規劃,出現意外。
即使是如此,從規劃之初到規劃后期甚至整個頁面上線,網頁內容都可能是不斷處于變動傍邊。標題越來越長,圖片改換,區塊被交流,等等等等。
“假設可能的話,盡量運用實在的內容來中止規劃。”
一個實在精心規劃的體系應該是可以收放自若的。所以,假設真的將營銷和內容團隊供給的Word文檔轉化成為一個可靠的頁面,這樣的工作不應該令你頭疼。
固然有些細節的處置上確實需求多加留心,可是我的閱歷通知我,其實并不要想雜亂了,也不要想多了。絕大多數時分,一個緊湊而聰明的規劃作風攻略(Style Guide)能讓全部的工作水到渠成。
測驗和完結
中止原型規劃確實很不錯,可是原型規劃的問題也在于,它仍是一種“憑空捏造”的規劃,并沒有在實在的用戶那里得到考證。
在實在的設備上同用戶分享規劃,借此可以獲得規劃反響。即使你僅僅只是畫了線框圖,也能在實在的設備上同用戶中止測驗交流。
測驗呼應式的規劃,應該是一個廣泛而多樣的進程。找臺智能手機,把你的規劃稿放進去,問問不做規劃的同事和朋友,讓他們看看這樣的規劃能否可行。接下來再換上iPad和桌面端設備,一步一步來。
全新的國際
從一個全新的視點來對待雜亂的問題,咱們所要面臨的全部好像都是新的。提高團隊成員的協作嚴密度,迷糊團隊界限可以讓整個規劃進程都快起來。咱們的規劃應該不時順應新的需求和新的情況,由于咱們的內容、事務和這個國際的變化更快。
業務咨詢微信
今日已有165人獲取方案