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

change思維create奇蹟


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

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

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

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

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

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





一朵女子


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

移動端規範有哪些:

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

2、邊距和間距

3、內容佈局

4、界面圖片設計比例

5、建立統一風格的圖標

6、APP版式設計規範

7、界面文字設計規範

8、設計適配

9、切圖規範

10、設計稿標註

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








少年編程


想要成為一個合格的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全部的特性,你需要學會記錄界面不同的狀態、轉變過程、轉場動畫等信息,並且學會記錄界面對於不同狀況的反饋。


萃養滋發


1.保證平臺統一性

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

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

2.細節體驗

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

3.團隊效益

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

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

4.好的規範

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

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


小毓設計小站


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



草籽膏


我們的移動端的UI設計規範也層出不窮。很多APP設計師也要在年底給公司或者是團隊做一個總結。那麼一個像樣的APP ui設計規範也是很有必要的作品回顧。

在創業公司做著一位獨立設計師,說好聽點是獨立設計師,難聽點,就是唯一的設計師。創業型公司,UI UE你要全包。但是我還是很有追求的在每個版本改版之後,更新設計規範。我的設計規範沒有大公司那麼高大上,只包含了字體選用,配色運用,ui kit這些東西。

很多設計師做這個設計規範,純粹只有兩個原因:

1、要設計的界面太多了,而且產品迭代很快,來不及一個個界面標註重複性的東西,於是我就出一個字體運用規範,讓開發看一個文檔就好了。有個設計文檔和UI設計規範,可以減少很多設計與開發之間的溝通。

後來給開發團隊引進了zeplin,安卓小夥伴持續用著,ios開發,一直看著我的sketch源文件,在我教會開發sketch後,我連字體規範都少寫了很多。

2、把這些東西一個版本的整理迭代好了,哪天來一場說走就走的旅行,沒有交接成本,即使公司找不到設計師,開發哥哥直接用這個規範,就可以分分鐘上崗黨設計師了。直接甩這個規範的sketch源文件就可以了。

移動端一套完整的UI設計師也就是包含8個方面:

1、標準色

2、標準字

3、圖標

4、 按鈕

5、公共控件

6、模塊

7、佈局

8、APP效果展示圖

換句話說就是

配色 字體 排版 佈局 按鈕 表單 提示框、標記、標籤

彈窗、提示框 圖片尺寸(banner、模塊圖片、頭像圖片)等元素進行規範整理。

也就是每一位APP設計師都會經歷的一個過程。也是APP設計師學習和進步的過程


啊聰樂趣視頻


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


寒黎


您好,很高興回答,這個沒有設計規範肯定是不行的,

移動端有兩套系統,安卓和蘋果。安卓有安卓這邊的框架,蘋果亦是如此。

而且,如果是App不同手機屏幕尺寸的還需要每款手機的屏幕尺寸分別設計。如果是微信小程序設計的話不會太在意屏幕尺寸。

除了上面,圖標設計肯定需要參考設計規範來,特別是遊戲ui這塊的圖標,還有界面,我以前都是摳像素點來的,一個像素都不差。再比如,一個圖標設計規範一般要求300像素,你來個2000像素,放上去沒必要不說,而且卡的要命,根本沒必要。看到這裡你就明白原因了吧。


千互君


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


億點視覺課堂


不以規矩不成方圓,不僅移動端需要、生活中也需要、穿衣打扮也需要,和諧美,重規之範之。


分享到:


相關文章: