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是團隊協調做功,需要考慮開發這邊的一些代碼因素,因此就需要一個很好的規範