對啊網設計學院:學習移動端設計語言

2021-01-13 中國創氪網

新年伊始，收到很多同學的私信，對於移動端的設計語言及規範還是有些混亂，不知道有沒有什麼好的借鑑？

我們作為設計師，最主要的就是學習，當然，就是向優秀的人學習。關於借鑑也肯定是向優秀的公司借鑑，前沿的設計理念和完善的設計語言就是我們該掌握的了。下面是小編推薦的一些優秀公司的設計語言，希望對大家有所幫助。

1、谷歌設計語言

谷歌設計中心，展示了谷歌設計資源和概念，包括了設計產品、體驗、字體等設計規範的內容。

2、蘋果iOS設計規範

蘋果設計資源，包括iOS設計規範，以及全面的UI資源，這些資源描述了使用iOS的開發人員可以使用的所有控制項，視圖和字形。

還有watchOS及macOS等設計資源，更有包括Sketch，Photoshop和Adobe XD模板。非常方便大家下載學習。

3、Ant Desgin

螞蟻金服體驗技術部經過大量的項目實踐和總結，沉澱出設計語言 Ant Design，這可不單純只是設計原則、控制項規範和視覺尺寸，還配套有前端代碼實現方案。也就是說採用Ant Design後，UI設計和前端界面研發可同步完成，效率大大提升。目前有阿里、美團、滴滴、簡書採用。資源包括全局樣式，設計模式，設計模式-探索，可視化，動效，圖形化。

4、Fluent Design System

Fluent UI是用來創建一致的Microsoft 365體驗的UX框架的集合。它是組件的共享代碼庫，其中包括一流的可訪問性，全球化和開箱即用的Fluent設計指南。

分別從網頁，視窗，iOS，安卓，蘋果系統及跨平面優化設計，更有工具包，框架，加載項等資源可以下載學習。

5、WeUI

WeUI 是微信官方設計團隊為微信 Web 開發量身打造的一個 UI 樣式庫，你可以把它理解為一個前端框架，類似於 Bootstrap 的那種。 由於是微信官方出品，所以對微信的兼容性基本沒有太大問題，而且各組件的樣式和微信一樣，能夠和微信很好的融合在一起，給用戶較好的體驗。

以上為一些網際網路大廠對於設計的規範及語言梳理，大家都可以去看一看其中的設計資源，相信多少會有所幫助。

新年新氣象，Fighting！

免責聲明：市場有風險，選擇需謹慎！此文僅供參考，不作買賣依據。

相關焦點

  • 對啊網設計學院:用戶體驗——設計的一致性
    一致性使用戶界面可預測和可學習，而品牌因此而獲得了堅實統一的展示和性能。可用性啟發法這是Jakob Nielsen早在1994年就定義的互動設計的核心原則。此列表的一致性基於這樣的原則，即用戶不必懷疑不同的詞語，情況或動作是否意味著同一件事。
  • 移動端網站設計:它是什麼及其重要性
    除非您最近幾年一直呆在家裡，否則您將知道移動端網站設計已成為許多企業的關鍵任務。您需要投資於新的網站建設和設計嗎？還是只是移動端網站的更新？ 你甚至需要擔心嗎？---成都雲思禾網絡運營 浪知潮團隊多年來一直在設計適合行動裝置訪問的網站，我們很高興分享對移動所有事物的見解。讓我們從基礎開始：移動設計和常規Web設計有什麼區別，它對您的業務有何影響？ 什麼是移動端網站設計？
  • 麵包屑:11個針對PC端和移動端的設計準則
    原標題：麵包屑：11個針對PC端和移動端的設計準則編輯導語：麵包屑導航這個概念來自童話故事「漢賽爾和格萊特」，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現在沿途走過的地方都撒下了麵包屑，讓這些麵包屑來幫助他們找到回家的路。
  • 移動端安卓過時了?此國產系統要做物聯網的安卓,程式語言都有了
    說起Windows作業系統，想必大家都不陌生，因為它幾乎壟斷了我們的PC端電腦設備。而說起Android作業系統，估計大家也都熟悉，這是我們大多數人用的手機移動端的作業系統。Windows和Android這既是兩個獨立的作業系統，又屬於兩個時代的OS。
  • 中國移動自主研發「玉衡系統」,進一步促進5G端到端性能提升
    打開APP 中國移動自主研發「玉衡系統」，進一步促進5G端到端性能提升 李佳茵 發表於 2020-05-15 16:09:27
  • B端C化也許是產品設計的新風向
    編輯導讀：C端行業已經是一片紅海，流量紅利幾乎已經見頂，不少企業將目光轉向了B端行業。儘管B端產品未來可期，但是初次接觸B端的產品經理還是一頭霧水，更有觀望者遲遲不能下定決心。而作為產品設計師來說，B端產品設計大有可為。本文作者對此發表了自己的看法，與你分享。
  • 加州藝術學院室內設計專業全面解析
    加州藝術學院，簡稱CCA，位於美國加利福尼亞舊金山灣區，是一所全美頂尖的設計院校。平面設計專業是CCA的一門優勢學科，只開設本科階段課程。接下來，大家隨小編一起來了解一下關於加州藝術學院室內設計專業的解讀吧！
  • 千兆乙太網MAC的FPGA實現與設計
    作者 包海燕 孟歡 電子科技大學微電子與固體電子學院(四川 成都 610054)本文引用地址：http://www.eepw.com.cn/article/201805/380765.htm　　包海燕(1993-)，女，碩士生，研究方向：數字IC設計;孟歡，女，碩士生，研究方向：數字IC
  • ​移動端與PC端排名的區別你知道嗎?該如何做好移動端的優化?
    還是已經從事SEO有一段時間的站長們，對於移動端和PC端也是聽得比較多了，然而移動端和PC端的區別有哪些呢?主要是移動端的搜索結果是根據手機或IPAD用戶的搜索習慣而推薦的，相對來說，移動端的搜索結果和相關推薦會更加精準。這點對於商家在投移動端廣告時，起到極為重要的作用。 3.其他 (1)設備的區別：PC端與移動端的尺寸是不一樣的，在設計移動端的網站時，要考慮多種品牌手機尺寸的兼容問題。
  • 深圳創新創意設計學院方案設計曝光!
    中國建築設計研究院有限公司+鏡像（北京）建築設計諮詢有限公司不同於傳統校園的清晰分區，該方案將設計學院的核心功能提煉為教育、交流、傳播、健康和生活，並將它們進行重組混合及網絡化布置。教育方面，不僅限於在教學樓學習、在工坊實踐、在圖書館自習，學生在宿舍中也可以完成。交流發生在校園與公眾之間，同時也在師生之間、學生之間和老師之間。
  • 產品設計專業推薦院校-美國羅德島設計學院
    在美國，擁有不少成立百年以上的藝術名校，而其中，羅德島設計學院（RISD）更是其中不可繞開的最高學府，作為一所集藝術與設計學科為一體的世界頂尖設計學院，自1877年建立以來，培養出一批又一批的傑出設計人才。
  • 外語設計學習,課程思政的新視域
    課程思政元素在設計學習各個階段和不同層面得以體現和實施，實現潤物細無聲的沁潤式外語課程思政效果。「設計學習」中，學習者需要綜合運用多種資源最有效地完成交際任務。「設計學習綜合框架」整合新科技時代教學與學習各層面的因素，將整個學習過程置入已有設計、設計過程和再設計的循環之中。而多元能力則是學習的結果，同時又是新一輪學習的開始。
  • 概念設計 | Windows 10 知乎客戶端設計
    筆者並非程式設計師，無法獨立開發出並發布應用，因而只得略盡綿力，草草構思一款UWP知乎客戶端，希望藉此能概覽Windows 10的全新Metro設計語言並為其他開發者提供一些設計上的思路。桌面端在遵循移動端的設計語言的同時，在消息流卡片中引入了圖片，保證閱讀時的豐富性和趣味性。
  • 端到端+預訓練,自然語言突破性進展的原因 | 青年科學家論壇
    、上海交通大學上海高級金融學院教授顧彬，及人工智慧學術界和工業界的青年科創家們分享了精彩的發言。另外在工業界非常重要的是，如何在有限參數和現定的參數和計算設計的情況下，學出來一個更好的結果？從2015年開始，我發現自動學習論文越來越多。這一兩年更多的是學習框架和硬體，聯合學習是未來比較有趣的方向。我們做了這個方向，有一些已經投入到產品使用。以上所說都是「確定性」的，確定性的東西用一個現象來總結就是條件反射。實際上整個突破到現在來說，都是學習跟影射。
  • 從互動設計到產品設計到服務設計,變遷是怎麼發生的?
    主要的系統發生了變化，新的機會就會出現，所有人都在思考移動網際網路到底該怎麼玩？首先，網際網路像是書架，我們把所有的書都陳列在上面，所以傳統網頁設計要求視覺的邏輯要清晰，讓用戶可以快速的找到自己想要的信息。移動網際網路出現以後，我們可以發現所有的信息都要裝在抽屜裡，移動端的屏幕太小，挑戰的是用戶思維的邏輯。
  • 打破溝通壁壘 百度翻譯斬獲韓國K-DESIGN設計大獎
    百度翻譯是一款依託於自然語言處理、圖像識別、智能語音等 AI 技術優勢，賦能多元場景，打造學習、旅遊、商務等場景的一體化語言助手。200+語種覆蓋業界第一，助力全球防疫2020年4月百度翻譯產品全線（Web 端、APP 端）上線200+語言互譯，涵蓋近4萬個翻譯方向，成為支持語種數量最多的翻譯應用，致力於為用戶提供不同國家精準的翻譯服務，每天來自世界各地的翻譯請求字符量超過千億，相當於
  • 百度翻譯打造「翻譯雞」打破溝通壁壘 榮獲世界級設計大獎
    加冕國際設計大獎，百度翻譯的獲獎之路，從品牌創意到產品體驗　　百度翻譯榮獲 K-DESIGN AWARD設計大獎　　K-Design Award是由 DESIGNSORI主辦，競爭十分激烈的世界級設計大獎。
  • web前端學習:移動端開發常用布局—流式布局詳細講解
    各位前端學習的小夥伴,相信我們在寫前端頁面的時候大家都用過百分比布局也就是我們今天所說的流式布局.那麼接下來給大家總結一下流式布局的使用.一:什麼是流式布局?流式布局:是頁面中元素的寬度按照屏幕解析度自動進行適配調整，也就是我們常說的適配，它可以保證當前屏幕解析度發生改變的時候，頁面中的元素大小也可以跟著改變，所以流式布局是移動端開發常用的一種布局.其他布局方式後面再做總結.二:什麼情況下會用到流式布局?
  • Material Design設計語言-數據可視化
    隨著5G時代的到來，物聯網的興起，可視化設計在移動端的應用越來越多了。在桌面端，建議把圖例放置在圖表下方。在行動裝置上，則將圖例放在圖表上方，以便於在交互期間保持可見狀態。在簡單圖表中圖表元素可以直接用文本進行標記。
  • 我校第十屆「翱翔杯」研究生電子設計大賽圓滿結束
    西工大新聞網6月19日電（夏召強 包濤）6月15日下午，西北工業大學第十屆「翱翔杯」暨全國第十四屆研究生電子設計大賽校內選拔賽在長安校區電子信息學院報告廳以及啟真樓一樓大廳隆重舉行。本次競賽是為了備戰陝西省第六屆研究生電子設計競賽暨全國第十四屆研究生電子設計競賽西北賽區選拔賽而開展的，由電子信息學院組織承辦。