UI設計規範:如何構建Web端?
1、Web端設計規範的價值
2、Web端設計規範包含哪些
3、Web端設計規範之設計理念篇
4、Web端設計規範之設計原則篇
5、Web端設計規範之組件控件篇
6、Web端設計規範之界面交互篇
7、Web端設計規範之團隊輸出物篇
方法/步驟
1Web端設計規範的價值1.可複用性:有了完整的設計規範和對應的組件控件。方便視覺和交互設計師反覆複用,不需要重複製作,減少工作量提高工作效率。2.統一性:有了統一的設計規範,設計師之間使用時,可避免自我創造組件控件,保持團隊產品的統一性體驗。3.提升能力:由於組件控件的可複用,這直接使設計師的工作效率得到極大提高節省了大量時間,可以有大量時間思考設計和業務背後的邏輯從而提高設計思維能力。同時完整的設計規範是系統的,設計師閱讀之後可以構建自我的設計體系,對於設計的提高有極大的好處。4.團隊文化沉澱:團隊有了設計規範之後,便於團隊以後做設計的依據和參考,不論是新員工的到來還是老員工的離去,都可以很好的對接工作提升團隊的協同效率。
2Web端設計規範包含哪些;目前網上大部分設計規範都是之針對組件控件的規範,缺少完整的設計思想和體系化的內容。在制定設計規範過程中會形成設計理念、設計原則、組件控件、界面交互和輸出文檔等。設計者可以依據自我的設計理念和原則按照功能需求直接調用規範中的標準控件,按照信息結構調用元素尺寸進行設計,很輕易便能輸出中高保真原型圖,減輕了設計過程中對交互控件選擇和信息排版思考的負擔。
3Web端設計規範之設計理念篇;不同的使用對象(B端、C端),不同的終端設備,設計的區別是完全不一樣的。所以設計理念也有所區別。B端產品一般較定製化,以業務爲導向。可能有很多高級功能,突出高效易用,導致易學性打折扣。C端產品一般考慮絕大部分用戶使用場景和訴求,高級功能會相對少點。突出易學性。所以在制定設計理念時,可根據團隊實際情況來設計制定。
4Web端設計規範之設計原則篇;設計原則目前已經有很多,例如尼爾森的十大可用性原則、格式塔原則、剃刀法則、費茨定律、以及設計中常見的對比、對齊等,那麼對於這麼多原則如何變成一套自己的設計規範的設計原則篇呢?這個需要設計師們根據自身情況或者自身團隊實際情況去把控梳理。
5Web端設計規範之組件控件篇;組件控件是整個設計規範的最重要的內容之一,組件控件分類可以根據組件控件屬性進行分類,也可以根據組件控件的功能進行劃分。按照設計師做設計的使用場景,還是按照組件控件的功能性進行劃分比較切合。例如表單類就可以劃分爲:單文本輸入,多文本輸入、日曆時間選擇器、下拉選擇列表、單選框複選框等等。
6Web端設計規範之界面交互篇;移動端的觸發手勢有單擊、長按、左右滑動、拖拽、旋轉、夾捏等。相對於移動端,Web端的界面交互就很簡單了,基本就是懸浮和點擊。界面交互的本質用一個公式可表述即:觸發對象+操作行爲+交互結果=界面交互。
7Web端設計規範之團隊輸出物篇;作爲一名交互設計師,我們的重點工作職責是起到承上啓下的作用。比如對接上游的產品經理和項目經理,跟他們討論過產品規劃及需求後,他們會根據交互設計師輸出的交互文檔來評審設計方案是否滿足用戶需求,以及在開發實施過程中的可行性;其次要對接下游的視覺設計師和開發工程師,他們會根據交互文檔中的線框圖、交互細節說明等來輸出視覺設計稿、用代碼實現交互設計方案,並以此爲依據完成落地實現等工作。所以交互設計師最重要的輸出物就是交互文檔,它是對接上下游的重要紐帶。專業的交互文檔應該包含以下7點內容:完整的項目簡介、需求分析、新增修改紀錄、信息架構、交互設計的方案闡述、頁面交互流程圖(包含界面佈局,操作手勢,反饋效果,元素的規則定義)、異常頁面和異常情況的說明。
-
什麼品種金魚最旺財氣最好
金魚中,傳統上認爲紅色金魚是最具有旺財氣的品種。這是因爲在中國文化中,紅色被視爲吉祥和幸運的顏色,而金魚本身也被視爲象徵財富和好運的動物。因此,紅色金魚通常被認爲是最能帶來財氣的金魚品種之一。...
-
枳殼的作用和功效
枳殼,又稱枳實,是一種中藥材,一般用於煎劑或者製成飲片。枳殼的作用和功效如下:1.燥溼化水:枳殼具有清熱燥溼的作用,能夠通過排除體內多餘的溼氣,促進體內水分的代謝和排泄,從而起到利水通便的作用。2.理氣消食:枳殼具有理氣消食的功效,能夠促進胃腸蠕動,增加消化液分泌,幫...
-
臥室裝修什麼最旺財最吉利
根據風水學說,臥室裝修中以下幾種元素被認爲是最旺財最吉利的:1.金色裝飾:金色被視爲象徵富貴和財富的顏色,因此在臥室中添加金色的裝飾品或傢俱可以帶來旺財的氣場。2.水元素:水被認爲是財富的象徵,在臥室中增加水元素如裝飾畫、吊燈或擺放一盆水草都可以帶來財運。...
-
院子東牆掛什麼畫最好最旺
院子東牆掛一幅風水畫最好最旺。風水畫可以吸引陽光和正能量,有助於增加院子的生氣和活力,同時也可以帶來好運和財富。選擇一幅寓意吉祥的風水畫,比如山水畫、鯉魚躍龍門等,可以使院子更加繁榮昌盛。...