追求卓越一諾千金

藍藍設計_||3cp上彩票官方,2011年成立--优优娱乐彩票电话号码,主創清華團隊--深喉是什么意思,專注軟件和互聯網ui設計開發_|_镇赉吧。擅長企業信息化管理||16楼网、監控||长红娱乐官网、大數據軟件UIUE谘詢和設計開發服務__-河南电视台法制频道直播。立足UI__|69代理,好好學習__-最新上映的电影有哪些,天天進步|-翡翠台直播软件!


都 2019 年了還不懂「設計語言」_现货白银模拟大赛?看完這篇你就學會了|_新沂style!

2019-6-27 泥人張 行業趨勢


如果您想訂閱本博客內容_|_国王皇后舞蹈,每天自動發到您的郵箱中||头层牛皮是什么意思, 請點這裏

數字化經濟日益發達的現階段|-陈炳德简历,數字化產品作為線上觸點_-_11选5开奖号码,也就逐漸成為服務中的標配-__经典色文,它更像一個服務員通過屏幕與用戶發生對話||帕丁顿熊2百度云。在這場對話中-_伏虎山区惨祸,好的設計應該像一門語言||我国宪法的监督权属于,能夠承載起傳達與溝通的工具屬性|_长阳国际城业主论坛。

為什麼我們需要設計語言係統(DLS)

我們也可以見到_--诺基亚1110电池,越來越多的設計團隊都會構建一套屬於自己產品的設計語言係統-_|qq帅网名。對於團隊內部|__优秀教师的先进事迹,它的意義在於通過係統化的設計規則-|jindon京东,來控製產品長期迭代的熵值__花儿演唱会,以及提升團隊的協同效率-|亿彩彩票安全吗有哪些,同時-|_甄画集,設計師有機會從重複的勞動中解放出來-_|厦门临时工招聘,投入更多精力到探討問題本質實現價值創新_|-超级红人节视频。就好像在石器時代_|_两朝太岁,祖先們記錄事件或表達情感的混亂程度-|_256cp彩票,遠遠高於現代人|--cctv10怪兽之谜视频,關鍵在於是否擁有一套成熟的語言係統--159彩票。

對於外部用戶--|桀骜值,設計語言係統可以讓產品在不同終端-_|青年宫影城、不同場景中的表現保持一致性_||美国vivid,也有機會通過植入品牌基因的方式形成視覺錘_|重庆食品舞厅,提升產品的識別度以及消費者對品牌的認知__4466k最近10天更新。就好像__重庆公安局长,我們可以通過「豬鼻」車頭識別出那是寶馬_亿人娱乐平台是骗局吗,通過「青蛙眼」車燈知道那是保時捷||_谁能百里挑一于淼,是因為這些汽車品牌通過長期保持某個「一致性」的表現305彩票软件,形成一套高識別度的設計語言來表達「這就是我」_|进进孕妇装。

界麵設計的語言屬性

在這裏我們將借助語言學的角度--草稻社区,來探討數字化產品界麵設計語言係統的構建_--安溪野山谷。在語言的應用中_-|有线电视接收器,我們通常會涉及語法_||运盛娱乐是什么、語素_-德国thomas锅具、語句|色中色账号、語境-|258彩票平台、語氣等維度|_19500彩票网苹果版,通過不同的組合達成應景的表達與適時的溝通_||038彩票官方版注册。

1. 語法

設計原則-|2002年春晚节目单,可以理解為設計語言中的語法-_水貂图片,是構建設計語言係統的起點|日升丰,用於傳達品牌主張或設計理念-|-厦门宏基笔记本维修,它將指引業務設計執行的方向|-_快乐大本营致青春剧组。

製定設計原則時||-箱梁图片,首先研究用戶特性_-_吃饼干屋寻宝石,聚焦產品核心價值|-_物合网,然後通過腦暴等形式選擇有特點的維度_掌上彩票投注下载,結合用戶體驗與品牌屬性將其視覺化-_ZOOSKOOIStay大狗,最後用簡要的語言歸納出來-|盈彩在线首页。

例如 Airbnb 的設計原則簡單歸納為幾點|-银彩娱乐:

  • 統一性||重装机兵2重制版金手指:每一塊設計|-_索爱595,都是更大整體中的一部分|_神州行充值卡序列号,因此必須站在更大範圍的角度上-|-陶然是谁,給予係統積極正麵的貢獻-2033彩票。設計功能不應該是孤立的-|狂网名,也不能是離群的|-天津热线adsl。
  • 普遍性__-优乐彩是不是真实的:Airbnb 在全世界使用|_|奢饰品,用戶更是一個全球性的社區_十大冷门行业。我們的產品和可視化語言應該受到用戶歡迎|永安彩票网,同時也要易於訪問-|_cad2004 64位下载。
  • 標誌性||-105彩票是谁:我們專注於設計和功能__|海南省中小学继续教育网,因此在這兩方麵_-拿铁咖啡,我們要既大膽又清晰__美派雅集。
  • 對話性_|盈彩靠谱吗:呼吸對生命如此重要-|天翼3g上网卡驱动,我們要把同樣的設計理念融入到產品裏麵_-01彩票官方app,通過更容易理解的方式與我們的用戶進行交流__|芦台五中贴吧、溝通|-美国vivid。

2. 語素

視覺基礎是構成設計語言的最小單位_|姜宁转会费,就像語素是語言中最小的音義結合體|纳雍党建网。在原子設計理論中-_31999线路检测,它屬於最小粒度的元素-_-235彩票平台,通常包括||华为参观:顏色_|_365彩票江苏快三正规、字體_|香港宣传避孕套主题曲、圖標_|_九阴真经黑木令、網格等||_天然故事。

3. 語句

組件就像由若幹個語素組成的語句_|-涡阳高公,比如一個基礎按鈕-__尊彩app是干什么的,通常就是由顏色|-_5320xm软件、字體-|索爱w610、邊距等元素組成|_|透明售房网杭州。而我們平時所說的組件庫__-银彩网址,其實就是一部詞典||-春节节目,其中包含了設計係統中所需的基礎組件與用法-注册彩金不限ip,在界麵設計中也具有較高的通用性|鲁音屋。

4. 語義

符號是語言的載體|__框架箱尺寸,但符號本身沒有意義|阶梯教室层高,隻有被賦予含義的符號才能夠被使用--|爱划算,這時候語言就轉化為信息--_网游大唐,而語言的含義就是語義--256买彩票平台安卓。在視覺傳達設計中也一樣|-优酷轻松时刻,使用的圖標或圖形||11选五第期中奖号,需具備正確的語義屬性_-芳草集小米草眼霜。如果商場導視設計中非要使用「裙子」圖標來代表「男廁」入口|093彩票手机版客服,如此混淆語義挑戰公眾認知_|-亿人娱乐官网下载,那就等著被投訴吧_银色黎明声望。

5. 語境

這裏說的語境包含 3 個維度-128彩票登陆:一是流程意義上的上下文|聂曦,二是產品屬性中的語境--_详细设计说明书实例,三是用戶當下所處的環境_-牛网卡盟。

當設計需要對上下文進行特別處理時--|昆明桑拿爽记,有可能對話的層級次序是受限於屏幕稀缺性--识字闪卡,通常可采用 Z-Depth 疊加(Material Design屬性)||淘宝网沙发巾、步驟條|-|t8神奇魔轮、元素關聯轉場動效等方式_-木豆影院。舉個常見的例子|_国美电器营业时间,當用戶發起一個刪除數據的請求時_腾宇铭,界麵會彈出一個二次確認的模態會話|--永盛国际投资靠谱吗?,用戶點擊確認之後才會執行刪除操作-__掌上恭城下载平台。

過去很長一段時間_-皮带哥张吉勇,數字產品設計圈內熱衷於討論的兩種風格類型-|云顶娱乐可靠吗?:隱喻(擬物化)與抽象(扁平化)|--1995彩票反水025漏洞,時至今日可以說扁平化的風格在應用數量上壓倒擬物化風格-|-jindon京东。然而_-小腻腻的博客,我依舊認為設計的風格策略取決於產品屬性中的語境--粤dk0213,這也是如今 iOS 人機界麵設計規範所提倡的--胶衣束缚,它不再像早前的規則片麵拒絕隱喻設計|-范玮琪婚礼晚宴视频,而是鼓勵設計師將用戶在現實中最為熟悉的視覺樣式-|兰州商学院长青学院教务,即操作方法映射與界麵設計之中_-|楚州城,蘋果官方的 Garageband 就是一個很有說服力的例子_广西财经学院论坛。

針對用戶當下所處的環境來適配界麵語境_|-魅力先生刘天宝,常見通過界麵換膚的手法來實現|gmod是什么,比如微信讀書等閱讀應用為用戶提供白天模式或黑夜模式的選擇沙河市登山协会。用戶所處的外部環境因素可以很大程度上決定界麵語言的應用__单位性质,就好像在菜市場買東西要靠吼-|皇女的踪迹,在圖書館借書僅需要用肢體語言便能達成|-王恒升。

△ 如上|-_007a私募内线,微信讀書針對外部環境因素的自定義「語境」

6. 語氣

交互界麵通常需要使用說明或提示文案來指導用戶完成操作_-保定热线测速,大多數情況下都是使用第二人稱|-|2628彩票平台注册,就像在與用戶對話|1396me皇家彩世界,從以用戶為中心的角度上講|||众赢国际可靠吗,建議保持謙遜|-1095彩票网、友善的語氣|_|花千树 歌词,盡可能避免使用晦澀的專業術語_--外地二手车过户北京,謹慎使用帶有強烈情感屬性的感歎號_--亿贝是不是传销,或過於口語化的語言-_永胜讨债公司是真的吗。另外-__至尊彩赚钱是真的吗,語氣的拿捏也將直接影響到與用戶的距離感-|大部制改革最新消息,以及當下的應景度_-_在线双升。

  • 正確示例|_金莎巧克力图片:使用檢索可以快速搜索任務|_8万以下买什么车好。
  • 不良示例__诺基亚3110c软件:你一定會愛上方便快捷的檢索功能|_|金沙石产地!

7. 語速

語速在這裏指的是界麵的信息密度__|山西环法尊道长,在不同的場合對語速的控製能夠提升接受者的體驗||_快乐大本营小时代剧组,視覺設計也同樣需要注意把握間距與留白|--河南电视台大象网,網格係統在這裏可以起到「節拍器」的作用__|瑞士鹿喜微断食纤体,借助節拍器可以讓設計更具節奏感-|_ca6707。而交互意義上的語速|||注册送彩金68不限id,更多體現在操作路徑的長度---45工字钢,以及動效的速率__若尔盖海拔。

△  如上_|_大写字母的读法,富途證券在產品介紹與盤中交易2個不同場景下的「語速」

8. 響度

其實就好像我們說話可以通過音量大小來控製信息的可感知程度_|-藤原岛子,希望接受者聽清楚的就說大聲一點__|金箔入酒。湯姆奧斯本(Tom Osborne)的視覺響度指南(visual loudness guide)是一個如何係統地處理按鈕和鏈接的例子_限娱令的影响,它們不是單獨列出---南京金盛路,而是作為一個套件呈現-||栾海燕,並且根據每個元素的視覺衝擊力會相應的擁有一個「響度」值__塔罗牌大师tlp6868668。我們在構建設計語言係統時-|长号查短号,也同樣需要設置梯級「響度」的按鈕-|_京东商城手机充值、字重等組件來滿足不同場景的表達需求__众发彩票计划法网站。

△ Tom Osborne的視覺響度指南

設計語言係統的生態性

1. 基因遺傳

同一個語係下的語言_|-众购彩票网址,無論是經過了朝代更迭-_-亿博彩票是真的吗,還是地域的遷徙|_-上海哪有蹦极的地方,一定會保留一些固有的特性--258彩票首页,這就是語言係統本身具有基因遺傳的生態特性|_老师给学生毕业赠言。

一套成熟的設計語言係統|||揭刘汉留下多少遗产,也同樣對產品設計表現著基因級別的底層影響力--小动脉电影网:在「代際」遺傳上_|_愤世哥,體現在經久不衰的堅持__银行卡制作。比如 Burberry 的格子紋理|__易彩网是合法的么,無論是在哪一年的產品款式上-_|优彩彩票骗局,都不會丟失這個屬性-|班主任德育论文题目。在「同輩」影響上--公安部查封云联惠,通常體現在不同終端場景下產品表現的一致性---李白 谈爱,或是兄弟產品的相似程度-_盈彩彩票可信吗?。

2. 動態進化

設計語言係統不是一份靜態的組件庫與規範文檔|||易中彩票网站是真的吗,而是一個動態的且能自我進化的係統-无限挑战120121。它的動態進化屬性基於 3 個契機_|周星驰电影功夫:

  • 設計師基於可複用組件的設計係統構建產品功能設計時--11选5任3必中计算方法,可省下更多的時間-_广州鸣人堂,轉移到設計係統上的優化--|鹤庆兰花交易网;
  • 隨著產品發展||_公顷与亩的换算,設計師將會遇到更多特殊需求|要听h的话,從而也會創建新的設計模式來解決問題|致富彩,而這些新的設計模式也將同時反哺設計係統||秦皇岛开心订房网,不斷提升係統的完善程度--几号上班;
  • 設計係統中可複用組件等的規模化應用|上海哪里买书便宜,便於設計單元缺陷的暴露_-o记实录刑警,這也將為係統單元優化提供優勝劣汰的方向|-_灵芝体。

3. 開放兼容

語言同時具備工具屬性與文化屬性_|鞍山职教城,開放兼容對一門語言的意義在於被更多人接受--360彩票走势图表、應用||众发娱乐为什么改名178。

當前穀歌|-梦回大唐之萧瑟流光、蘋果|__001彩票网站、微軟_银尖宝戟、阿裏巴巴等大型企業推出了開源的設計語言||八宝山旧货市场,這些成熟的設計體係其實承載著大量的項目實踐與經驗總結---全球通m值兑换话费,對其他企業也有較大的借鑒價值--_众发彩票取不出来钱。同時_-品箫,對於平台級企業-|-苯乙烯用途,開放統一的數字語言|行乐居,讓不同地域||_永盛国际彩票靠谱么、不同類型的項目得以在共同的規則下發展||苏州海关、共生--132彩票手机版最新苹果,這對於平台生態無疑是利好的-|诺亚舟np1000。

設計語言作為工具來說|动漫吸奶,需具備普適性|_郑州长通物流电话,在文化層麵上也需具備兼容度──在滿足企業自身品牌與業務需求之上|-淑女屋品牌折扣店,應該盡可能規避因宗教||青岛大哥骂雅阁女、民俗等因素帶來的衝突_--银色黎明声望怎么刷。

舉個例子|-_长郡style,在法國和比利時_-|云顶娱乐注册,人們都厭惡墨綠色_-|云顶注册送25,因為二戰期間兩國飽受德國納粹侵略之苦||花将军,而納粹的軍服是墨綠色的-_与商队碰面。那麼|_-云顶娱乐官网登录,麵向這兩個國家用戶的設計上|0x00070001,便應該避免使用墨綠的元素|-_赢彩彩票与你同行85。這時-|注册送100彩金,設計語言係統中組件元素的豐富程度|--永盛彩票app下载,很大程度決定了設計表現的選擇空間與可能性-__众富娱乐登录下载。

就好像_||张太太旗舰店,在美國街頭詢問公共廁所時_-聚返吧,老美可能聽不懂 WC|_掌上购彩破解,那就用他們聽得懂的 Restroom 吧-亿客隆彩票。這裏想表達的是cf卡墙教程,你的語言係統中「詞彙」越豐富|_陕西省职业技能鉴定指导中心,越能兼容不同文化背景下的表達_透明售房网杭州。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司--106官方福利彩票,為期望卓越的國內外企業提供卓越的UI界麵設計_--云顶至尊软件能提现么、BS界麵設計 -|陈公博、 cs界麵設計 -_256是黑彩票吗、 ipad界麵設計 _-众易彩票可靠吗?、 包裝設計 ___新股上市公告、 圖標定製 _-众乐彩票线路导航、 用戶體驗 ||快乐向前冲崔璀车祸、交互設計---诸葛亮挥泪斩马谡是因为什么一事、 網站建設 -仙五破解、平麵設計服務-_360全国彩票开奖公告查询。

標簽: 設計語言 « 全麵的圖標設計類型和風格總結 | 微信小程序之卡片層疊滑動效果»


訂閱Rss