為什麼移動端UI要有設計規範?

change思維create奇蹟


你好,關於移動端為啥要有設計規範,我認為至少有3方面原因。

1.對設計師而言:為後續版本迭代和多人協作提供指導,保持產品的統一性;因為1個項目從開始到後邊的更新迭代,會經歷很長時間,涉及到的設計師可能會多個,但是每個人的風格不一樣,會影響整體的視覺體驗,所以有了規範,讓設計師們在產品視覺能統一,方便更新迭代。

2.對開發而言:提供標準化的組件樣式,減少開發重複時間。

因為有了規範,後續維護就方便很多,設計師不用再次標註,開發不用重新去寫樣式,直接換內容。

3.對使用者而言:符合大眾的視覺體驗。因為現實中人們對移動端產品的設計在字體 圖標 間距等上已經有了大致的習慣。

下圖是我收藏的部分規範分享給大家,大家一起學習





一朵女子


想要成為一個合格的APP開發UI設計師那就要跟緊移動時代的腳步,瞭解每一個UI設計師必須掌握的基本技巧才可以。

  第一:要了解平臺

  正如同網頁設計師需要了解HTML/CSS一樣,作為移動端UI設計師的你應該瞭解移動端APP的架構。首先移動端設計的語言和網頁設計的語言就不太一樣,不同平臺有著不同的編程語言和接口,移動端界面的構成也是無法使用CSS和標籤來實現。

  你需要深入閱讀官方的開發文檔,尋找更多有關APP的文檔知識,明白APP的構成,編譯方式,發佈方式,瞭解設計的規則。這些東西不僅關係到你的應用開發好壞,還會影響系統的 穩定性,電池續航長短等多種因素。作為移動端UI設計師,你單瞭解簡單的移動端設計是不夠的。我們需要從長遠的角度去思考問題。

  第二:瞭解移動端的技術構成

  對於一個UI設計師來說光了解平臺的基本特徵是不夠的。接下來你需要了解它相關的技術構成:位置服務(wifi,GPS等),藍牙(低功耗藍牙技術),信號,前後攝像 頭,麥克風,陀螺儀,位置傳感器,加速度傳感器,指紋掃描儀(iPhone 5s),眼動追蹤技術,語音識別,人臉識別,等等等等。每一個新技術的背後以為著應用程序更多的可能性,交互設計、使用體驗,甚至商業模式。

  第三:發掘本地UI組件的開發潛質

  每個移動操作系統中中總有著大量的本地UI組件,他們有著極大的自由度,方便你進行定製。你需求確切地知道他們的特徵(尺寸,大小,功用),你可以為與你合作的開發者節省大量的工作時間。

  第四:瞭解移動端的工作流程

  安裝SDK並運行,瞭解移動開發框架,比如TubyMotion、Xamarin、Titanium。熟悉集成開發環境,因為這其中包含了移動開發所需的方方面面。

  第五:瞭解移動端的界面模式

  三大移動平臺之間,有著相似之處,但是在深入探究他們的交互設計,會發現它們在理念上的巨大差異。作為一個設計師,你需要明白這些差異所在,以及它們是如何體現在實際案例中的。

  不要只著眼於單一平臺,三大平臺都需要深入體驗,每天至少都要把玩一下,並且最少要持續半年。在這個過程中,體會差異,並且將你覺得重要的、有代表性的、值得保存記錄的界面截圖留存。作為單一平臺的狂熱粉絲,你是做不好移動端UI設計師的。

  第六:記錄並解釋你的UI設計

  考慮到屏幕截圖並不足以表現UI全部的特性,你需要學會記錄界面不同的狀態、轉變過程、轉場動畫等信息,並且學會記錄界面對於不同狀況的反饋。


韓澤


優點:規範移動端UI設計流程幫助設計團隊提高設計質量、工作效率降低各方溝通成本,統一設計標準及工作方法支持模塊化設計,降低開發成本,加快產品開發迭代的生產速度 。

移動端規範有哪些:

1、界面設計尺寸及欄高度

2、邊距和間距

3、內容佈局

4、界面圖片設計比例

5、建立統一風格的圖標

6、APP版式設計規範

7、界面文字設計規範

8、設計適配

9、切圖規範

10、設計稿標註

在計算機領域開發各個環節都是有規範化標準,因為計算機開發本身就是一個複雜的事情,人員能力管理水平都是影響開發出的產品的好壞的因素。所以統一規範化就是質量管理的一種重要手段。








少年編程


1.保證平臺統一性

平臺統一性是交互設計的基本原則,不同的設計師會負責不同的模塊,每個人都有各自的思路,想法就會不一樣,所以最好要有一個設計規範,

來定義基本的元素,做到統一化產品。

2.細節體驗

平時整理元素,設計師都需要對場景考慮清楚,過程中經常會發現一些細節,也就是以前沒注意到的問題,要進行優化。

3.團隊效益

同一個基本元素沒如果沒有設計規範,就會比較麻煩,在交互設計師設計交互方式時,UI開發需要開發一次,設計師遇到都有可能重新在設計一遍,

所以設計規範是很重要的。

4.好的規範

什麼樣的規範是好規範呢?

就是能給人閱讀時,有節奏感,有規律的按著我們給閱讀者的指引的閱覽,就是一個好的設計規範。


小毓設計小站


以下三點原因:

保證平臺統一性

統一性是交互設計的一個基本原則,在一個長期迭代多人合作的項目中,不同的設計師會負責不同的模塊,每個人都有各自的思路,就有可能會對相同的元素做出了不同的方案,對於用戶來說容易造成困惑,對品牌整體形象的建設也沒有好處。所以對於較大型的產品,最好有設計規範來定義基本的元素,幫助眾多設計師一起做出有統一性的產品。

2.提升團隊工作效率

對於同一個基本元素,如果沒有設計規範,交互設計師需要設計一次交互方式,視覺設計師需要設計一次外形,UI開發同學需要開發一次,每個不同的設計師遇到這個元素時都可能重新設計一遍。但如果有了設計規範,只需設計一次,團隊中任何一個設計師需要用的時候直接拿來用就可以了,也不需要再進行視覺和開發,極大的提升了效率。

3.打磨細節體驗

在整理每個元素的規範時,設計師都需要對其場景、狀態考慮清楚。在整理的過程中,經常會發現一些以前沒注意到的問題,並進行優化。把一個小元素單獨拎出來仔細考量,寫成一篇完整規範的過程,其實就是在打磨細節的過程。


小學僧玩3D


為了讓人的體驗感更好,以及視覺審美!



設計奇葩秀


沒有規矩不成方圓,不光移動端UI,平面設計、網頁設計以及其他智能端設計都有自己的規範體系。移動端UI規範最大的作用是方便設計團隊協同作戰,方便後期調改和更新。其次是為了方便與程序員溝通,也方便代碼的編寫。當然,優秀的規範案例,拿給甲方讓其瀏覽一下,也是增強甲方爸爸對你專業認可的一種方式。



草籽膏


使界面更加的美觀,為用戶帶來更耀眼的視覺體驗,也能更好的匹配手機系統和性能。


寒黎


如果沒有統一的規範,大用戶量的APP沒辦法形成統一的使用路徑,非常不利於程序優化更新,也不利於做出真正符合絕大多數人使用習慣的APP。


李一舟DESIGN


無規矩不成方圓,所有的東西都需要一定的規範,ui需要考慮用戶的體驗,以及產品更新迭代時所帶來的更加快速迭代,ui是團隊協調做功,需要考慮開發這邊的一些代碼因素,因此就需要一個很好的規範


分享到:


相關文章: