網頁設計規范的價值
1.可重用性:有完整的設計規范和相應的組件控件。方便視覺和交互設計師重復使用,無需重復制作,減少工作量,提高工作效率。
2.統一性:有了統一的設計規范,設計師可以避免自己創建組件控件,保持團隊產品的統一體驗。
3.提高能力:由于組件控件的可重用性,直接提高了設計人員的工作效率,節省了大量時間,有充足的時間思考設計和業務背后的邏輯,從而提高設計思維能力。同時,完整的設計規范是系統的,設計師看完之后可以構建自己的設計體系,對設計的改進大有裨益。
4.團隊文化沉淀:團隊有了設計規范之后,方便團隊日后做設計依據和參考。無論新員工的到來還是老員工的離開,都可以很好地提高團隊的協同效率。
網側設計規范是什么
目前,大多數在線設計規范都是針對組件控件的,缺乏完整的設計思路和系統的內容。
在制定設計規范的過程中,將形成設計概念、設計原則、組件控制、界面交互和輸出文檔。設計人員可以根據自己的設計思路和原則,直接調用規范中的標準控件,根據信息結構調用元素大小進行設計,輕松輸出中高保真原型圖,減輕了設計過程中交互控件選擇和信息排版思維的負擔。
設計理念
不同的用戶(B端、C端)和不同的終端設備有著完全不同的設計差異。所以設計理念也不同。
b端產品一般都是定制的,以業務為導向。可能會有很多高級功能,突出了高效率和易用性,導致了在易學上的妥協。
c端產品一般會考慮大多數用戶的使用場景和需求,高級功能相對較少。突出易學。
所以在制定設計理念的時候,可以根據團隊的實際情況進行設計。
設計原理
目前的設計原則很多,比如尼爾森的可用性十原則、格式塔原則、剃刀原則、菲茨定律、設計中常見的比較和對齊,那么這么多原則怎么可能成為一套自己設計規范的設計原則呢?這就需要設計師根據自己的情況或者自己團隊的實際情況來梳理控制。
組件控制
構件控制是整個設計規范中最重要的內容之一,構件控制的分類可以根據其屬性進行分類,也可以根據其功能進行劃分。
根據設計者的使用場景或者組件控件的功能來劃分比較合適。例如,表單類可以分為:單文本輸入、多文本輸入、日歷時間選擇器、下拉選擇列表、單選復選框等界面交互
移動終端的觸發手勢包括點擊、長按、左右滑動、拖動、旋轉、捏等。與移動終端相比,Web終端上的界面交互非常簡單,基本就是浮動和點擊。
界面交互的本質可以用一個公式表示:觸發對象操作行為交互結果=界面交互
團隊輸出
作為一名交互設計師,我們的主要職責是發揮連接作用。
例如,在對接上游產品經理和項目經理,并與他們討論產品規劃和需求后,他們會根據交互設計師輸出的交互文檔,在開發和實施過程中審核設計方案是否滿足用戶需求和可行性;
其次要連接下游的視覺設計師和開發工程師,他們會根據交互文檔中的線框和交互細節輸出視覺設計草稿,用代碼實現交互設計方案,并在此基礎上完成落地實現。所以交互設計師最重要的輸出就是交互文檔,它是上下游的重要紐帶。
專業交互文檔應包括以下七項內容:完整的項目介紹、需求分析、新修改記錄、信息架構、交互設計方案描述、頁面交互流程圖(包括界面布局、操作手勢、反饋效果、元素的規則定義)、異常頁面、異常情況描述。
作為一個視覺設計師,輸出的是視覺稿、標注、裁剪,這里不贅述。