如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

UXRen

打造有價(jià)值產(chǎn)品的首要規(guī)則是，它應(yīng)該對(duì)某些人有真正的使用價(jià)值。也就是說，一個(gè)真實(shí)的人(或許多個(gè)人)會(huì)因?yàn)槟愕墓ぷ鞫鉀Q了某些問題或?qū)崿F(xiàn)了某些需求。

這個(gè)道理是顯而易見的，但是，如果你去聽一聽這些產(chǎn)品設(shè)計(jì)們的日常用語，就會(huì)發(fā)現(xiàn)，在日常生活中，我們不常這樣說。

反而，在語言交流中，設(shè)計(jì)師經(jīng)常會(huì)“走捷徑”。有時(shí)會(huì)直接使用行業(yè)語言或?qū)＜倚g(shù)語來提高表達(dá)度，但大多數(shù)情況都是為了避免廢話。

舉例來講：

• 我們要如何增加用戶對(duì)這種功能的使用？
• 為什么這兩方面看起來不夠統(tǒng)一？
• 這里的點(diǎn)擊率這么低，可能我們太過強(qiáng)調(diào)了。
• 我感覺這里干擾信息太多了，要怎么解決這個(gè)問題？
• 這個(gè)設(shè)計(jì)需要更多“呼吸空間（留白）”。
• 我們應(yīng)該將這點(diǎn)設(shè)計(jì)地更簡(jiǎn)潔一些。
• 這一指標(biāo)需要提升，現(xiàn)在的曲線走向并不理想。

想象一下，當(dāng)用戶聽這些話時(shí)，他們能相信我們的最終目的是為他們創(chuàng)造價(jià)值嗎？

當(dāng)然，我們?cè)谑褂谜Z言捷徑時(shí)，其實(shí)是在把我們腦海中的各個(gè)點(diǎn)連接起來，這種基于對(duì)內(nèi)容的理解，在腦海中將一個(gè)概念與另一個(gè)概念聯(lián)系起來的思考方式——就像是火車在有序的系統(tǒng)中飛馳而過，直到停留在人們期待的站臺(tái)上一樣。

但在實(shí)際交流中，有可能出現(xiàn)兩種完全預(yù)料不到的結(jié)果：

第一種情況是，當(dāng)與一個(gè)認(rèn)知和你不太一致的人交流時(shí)，你認(rèn)為重要的事情，對(duì)方有可能完不理解為什么這樣。

比如說，作為一個(gè)設(shè)計(jì)師，當(dāng)我說“為什么這些東西不一致”的時(shí)候，我自己的邏輯是這樣的：

不夠一致=> 這些東西雖然看起來很像，但當(dāng)點(diǎn)擊的時(shí)候，可能有人會(huì)選A，也有人會(huì)選B=>這就會(huì)使用戶困惑，并且影響他們從我們構(gòu)建的內(nèi)容中獲得最大的價(jià)值。

其他精通設(shè)計(jì)語言的人，一般而言都會(huì)跟我一樣的思考問題。比如，讓東西“簡(jiǎn)潔”其實(shí)是指讓它專注于最重要的點(diǎn)，以便人們能一眼就知道如何使用它。讓界面“可以呼吸”則是指讓人們?cè)陂喿x或者瀏覽時(shí)能更輕松愉悅。

但如果你并沒有建立這些認(rèn)知連接，你可能會(huì)不解：一致性、簡(jiǎn)潔性和可呼吸空間為什么這么重要呢，這些價(jià)值觀看起來是不是有點(diǎn)隨意？而且這些疑惑有可能是對(duì)的，為了一致性而保持一致也許并沒有必要。如果這世上沒有人會(huì)對(duì)兩個(gè)看起來相似但反應(yīng)不同的事物感到困惑的話（假設(shè)開發(fā)成本投入不算很大的話），那么這不會(huì)是一個(gè)問題。

許多工程師和產(chǎn)品經(jīng)理跟我講過，關(guān)于“一致性”的討論經(jīng)常意見很難統(tǒng)一，但當(dāng)我說“目標(biāo)是讓用戶感覺沒有困惑”時(shí)，爭(zhēng)議就不存在了。

使用“語言捷徑”的第二個(gè)意想不到的后果是，我們有可能會(huì)忽視真正的最終目標(biāo)。你看待問題的方式和角度會(huì)更多地從公司出發(fā)而不是用戶真正面臨的問題。

舉個(gè)例子，我們要如何提高這一功能的使用率？這可能并不是任何一個(gè)你的用戶會(huì)關(guān)心的問題，在討論這一問題的時(shí)候，你有可能會(huì)開始從公司角度思考解決方案，比如讓功能更顯眼，不斷提醒用戶這一功能的存在等。

但其實(shí)這些做法只有在強(qiáng)調(diào)的功能的確很重要的時(shí)候，才會(huì)起作用。但如果這一功能的使用率本來就低，那么更有可能說明這一功能對(duì)用戶而言沒那么重要。如果你沒有真正以人為中心來思考問題，很難發(fā)現(xiàn)這一點(diǎn)。

歸根結(jié)底，雖然語言只是一個(gè)小的方面，但我相信它是非常重要的。多關(guān)注一點(diǎn)在工作時(shí)使用的談話方式，如果你是為人設(shè)計(jì)的，那么請(qǐng)用人們更熟悉的語言。

舉例來講：

• 我們要如何增加用戶對(duì)這個(gè)功能的使用？=> 是什么讓這個(gè)功能對(duì)人們更有價(jià)值？
• 為什么這兩方面不夠統(tǒng)一？=> 讓我們確保，用戶不會(huì)因?yàn)檫@兩個(gè)看起來相似但有不一樣功能的東西而感到困惑。
• 點(diǎn)擊率真的很低，可能是因?yàn)閺?qiáng)調(diào)得不夠。=> 人們可能會(huì)意識(shí)不到這個(gè)功能的存在，因?yàn)檫@實(shí)在太容易被忽略了。
• 我們發(fā)現(xiàn)很多用戶流失，我們?cè)撛趺崔k？=> 那些試用過我們產(chǎn)品的用戶不會(huì)再回購，為什么會(huì)這樣呢？
• 這個(gè)設(shè)計(jì)需要更多的呼吸空間。=> 用戶閱讀瀏覽信息的體驗(yàn)應(yīng)該更輕松、愉悅。
• 我們應(yīng)該將這點(diǎn)設(shè)計(jì)地更簡(jiǎn)潔一些。=> 用戶應(yīng)該能在第一眼就注意到最重要的信息，并知道他們應(yīng)該做什么。不該用過多的選擇給用戶壓力。
• 這一指標(biāo)需要提升，現(xiàn)在的曲線看起來并不理想。=> 我們的產(chǎn)品還沒能讓用戶覺得足夠有用，從而進(jìn)一步回購，所以我們應(yīng)該提升我們所提供的價(jià)值。

• 藍(lán)藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

  
  

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

該報(bào)告是百度人工智能交互設(shè)計(jì)院基于過去一年多對(duì)AI領(lǐng)域前沿技術(shù)、產(chǎn)品和設(shè)計(jì)的深入研究和洞察，結(jié)合產(chǎn)業(yè)界和學(xué)術(shù)界的經(jīng)驗(yàn)探析而來。AI賦能的人機(jī)交互革新了大眾的生活形態(tài)，未來，AI加持的人機(jī)交互模式又會(huì)呈現(xiàn)出什么樣的態(tài)勢(shì)呢？

《報(bào)告》從“人機(jī)交互介質(zhì)”、“交互對(duì)象”、“AI應(yīng)用場(chǎng)景”、“人機(jī)關(guān)系”等方面總結(jié)了AI人機(jī)交互的八大趨勢(shì)。

趨勢(shì)一：語音交互技術(shù)進(jìn)步，更趨向人類自然對(duì)話體驗(yàn)

研究公司Ovum預(yù)測(cè)稱，到2021年，地球上的語音助手的數(shù)量會(huì)和人類一樣多，人們會(huì)越來越傾向于向語音助手尋求情感上的幫助。在AI人機(jī)交互中，語音交互技術(shù)在用戶終端上的覆蓋最為廣泛。

以智能音箱為例，有數(shù)據(jù)顯示，2018年全球智能音箱市場(chǎng)同比增長(zhǎng)200%。其中，中國(guó)智能音箱市場(chǎng)增速達(dá)到罕見的5370%。谷歌、亞馬遜、蘋果等全球巨頭企業(yè)均加速了用語音交互技術(shù)開啟大眾智能生活的步伐。截止2018年12月31日，搭載百度對(duì)話式人工智能操作系統(tǒng)DuerOS的智能設(shè)備激活量也已超2億。

目前，語音交互技術(shù)已經(jīng)加速在智能家居、手機(jī)、車載、智能穿戴、機(jī)器人等行業(yè)的滲透和落地?！秷?bào)告》指出，未來隨著語音技術(shù)的不斷完善，語音交互的自然度將進(jìn)一步提升，并愈加趨向人類自然對(duì)話的體驗(yàn)。具體表現(xiàn)為：語音交互將從機(jī)械的單輪對(duì)話進(jìn)階到更流暢的多輪對(duì)話；合成語音更自然、真實(shí)，接近真人水平；語音交互具備聽覺選擇能力，提升多人對(duì)話體驗(yàn)；語音交互將支持多種方言，并針對(duì)細(xì)分群體進(jìn)行差異化設(shè)計(jì)。

趨勢(shì)二：人臉、手勢(shì)等通道更多出現(xiàn)在產(chǎn)品中，多通道融合交互成為主流交互形式

媒介學(xué)家雷吉斯·德布雷（Régis Debray)曾提出：“技術(shù)能實(shí)現(xiàn)不同區(qū)域里不同文化的人之間的連接”。隨著技術(shù)的發(fā)展，人與人之間的連接早已不成問題。當(dāng)前，AI技術(shù)更是拓展了人與智能體交互的通道。除語音交互外，計(jì)算機(jī)視覺技術(shù)的發(fā)展已使得智能體實(shí)現(xiàn)了通過識(shí)別人臉、指紋、面部表情、肢體動(dòng)作等人體信息，而更加快捷多元地與人類進(jìn)行交互。但是不同的交互通道在有其獨(dú)特優(yōu)勢(shì)和場(chǎng)景適用性外，也有一定的局限性。

《報(bào)告》認(rèn)為，未來，人與智能體的交互將融合語音、人臉、手勢(shì)、生理信號(hào)等多種方式，為人類打開更多的交互空間和應(yīng)用場(chǎng)景。具體表現(xiàn)為：人臉檢測(cè)及識(shí)別聚集更細(xì)維度的面部特征，拓展更多的交互空間和場(chǎng)景；空中手勢(shì)交互將成為新熱點(diǎn)；觸控、語音、手勢(shì)、人臉最有可能成為多通道融合的主流通道；生理信號(hào)、觸覺、嗅覺等也將成為輔助通道融入多通道交互中。

趨勢(shì)三：智能體開始擁有明確的人設(shè)

近期，明星“人設(shè)”崩塌已成大家茶余飯后的熱門話題。但是你想過，智能體也將擁有明確的“人設(shè)”么？《報(bào)告》認(rèn)為，未來，用戶可以更加明顯地感知到智能體鮮活的“人設(shè)”。

所謂智能體的“人設(shè)”是指，用戶在與智能體的互動(dòng)過程中，根據(jù)感知到的綜合特征推斷出一種具有一致性的角色形象，一般由性格（如外向、善良等）、關(guān)系（如助手、朋友等）和基本屬性（如性別、年齡等）構(gòu)成。《報(bào)告》指出，目前，智能體人設(shè)的設(shè)計(jì)和表達(dá)主要聚焦在語音（如音色、語調(diào)等）和語言層面（如表達(dá)方式），并且通常局限在部分場(chǎng)景、部分話術(shù)上，缺少一致性和全局感。

《報(bào)告》提出，未來，智能體人設(shè)將從語音、產(chǎn)品外觀、虛擬形象等多維度進(jìn)行設(shè)計(jì)，甚至聘用編劇設(shè)計(jì)具有統(tǒng)一形象特點(diǎn)的話術(shù)，利用混合現(xiàn)實(shí)（MR）、全息投影等技術(shù)將人設(shè)具象化，讓用戶在不同場(chǎng)景下均感受到智能體一致、明顯的人設(shè)特征。換句話說，未來，智能體的人設(shè)會(huì)具有很明顯的特征，但不會(huì)輕易崩塌。

此外，《報(bào)告》還認(rèn)為，打造用戶喜愛的人設(shè)也將成為企業(yè)在市場(chǎng)競(jìng)爭(zhēng)中形成差異化、吸引更多用戶的重要方式。

趨勢(shì)四：智能體在被動(dòng)交互外，開始出現(xiàn)主動(dòng)交互行為

技術(shù)的發(fā)展雖然革新了我們的生活方式，但是長(zhǎng)久以來，人機(jī)交互一直延續(xù)著人類“輸入”，機(jī)器“反饋”的循環(huán)模式，人類始終是主動(dòng)的，機(jī)器始終是被動(dòng)的。

《報(bào)告》認(rèn)為，人工智能賦予了機(jī)器情境感知和自主認(rèn)知能力，使我們有機(jī)會(huì)構(gòu)建機(jī)器主動(dòng)服務(wù)于人的交互模型。智能體出現(xiàn)主動(dòng)交互行為的具體表現(xiàn)為：主動(dòng)交互越來越“貼心”；主動(dòng)交互在“家”和“車”的場(chǎng)景下率先商用落地；主動(dòng)交互將提升公共場(chǎng)景下人機(jī)協(xié)同的效率。

趨勢(shì)五：智能體開始擁有情感判斷及反饋智能

2014年在北美上映的動(dòng)畫片《超能陸戰(zhàn)隊(duì)》中的機(jī)器人大白，以對(duì)主人公關(guān)懷備至的暖萌形象收獲了大批影迷的喜愛。觀影后的每個(gè)人都希望自己能夠擁有一臺(tái)如大白一樣忠心耿耿又溫柔體貼的機(jī)器人。令人欣喜的是，具有情感判斷和應(yīng)對(duì)能力的智能體正逐漸成為現(xiàn)實(shí)。

過去20年，在人機(jī)交互中，機(jī)器基于表情、文本等方式的的情感識(shí)別能力已有很大的提升。目前市面上出現(xiàn)的如情感陪護(hù)機(jī)器人、智能音箱、智能汽車等已經(jīng)初步具備一些情感識(shí)別能力，可以根據(jù)不同的場(chǎng)景、對(duì)象，進(jìn)行適當(dāng)?shù)那楦薪换ァ?

《報(bào)告》指出，未來，情感計(jì)算技術(shù)的提升及硬件升級(jí)將賦予智能體在“視”“聽”等方面更強(qiáng)的情感識(shí)別能力；同時(shí)智能體對(duì)于人類思維理解、情景理解能力也將更加完善，情感交互能力將更智能、更體貼。

趨勢(shì)六：AI對(duì)特定人群的關(guān)懷得到快速發(fā)展和應(yīng)用

人機(jī)交互的發(fā)展為兒童、老人、殘障人士等群體更便捷地利用機(jī)器獲得服務(wù)，提供了充分可能。當(dāng)前市面上已經(jīng)出現(xiàn)大量針對(duì)兒童教育的AI產(chǎn)品。搭載DuerOS的小度智能音箱也針對(duì)以兒童為中心的家庭語音互動(dòng)需求，特別開發(fā)了兒童語音識(shí)別引擎，并定制兒童語音播報(bào)音色及對(duì)話邏輯，陪伴兒童一起成長(zhǎng)。在養(yǎng)老領(lǐng)域，為老人提供陪聊、提醒等陪護(hù)服務(wù)的智能產(chǎn)品也被AI企業(yè)提上了日程。此外，少數(shù)AI產(chǎn)品也開始專注殘障、病患等更加細(xì)分的人群，如2018年11月，百度推出了AI眼底篩查一體機(jī)，幫助患者快速篩查眼底疾病，為基層醫(yī)療帶去了極大的便利。

《報(bào)告》提出，未來，AI對(duì)人類的關(guān)懷將得到快速發(fā)展和應(yīng)用，覆蓋更加細(xì)分的人群和更深入的場(chǎng)景。為兒童，AI將從易于交互到提供心智陪伴的服務(wù)；為老人，AI將縮小他們與科技的鴻溝，助推他們開啟品質(zhì)生活；為感官殘障人士，AI將幫助他們重獲對(duì)世界的立體感知；為特殊疾病人群，AI將提供預(yù)測(cè)、診斷和康復(fù)服務(wù)。

趨勢(shì)七：智能設(shè)備互聯(lián)互通，多場(chǎng)景銜接

以BAT為首的互聯(lián)網(wǎng)企業(yè)，在2018年紛紛調(diào)整組織架構(gòu)，轉(zhuǎn)向To B。巨頭重提產(chǎn)業(yè)互聯(lián)網(wǎng)戰(zhàn)略成為當(dāng)前市場(chǎng)新現(xiàn)象。此現(xiàn)象背后，正是AI、5G、云計(jì)算等新興技術(shù)的發(fā)展與升級(jí)。2018年的政府工作報(bào)告，進(jìn)一步強(qiáng)調(diào)了“產(chǎn)業(yè)升級(jí)的人工智能應(yīng)用”。“產(chǎn)業(yè)化”和“應(yīng)用化”成為未來幾年人工智能的兩大發(fā)展方向。

《報(bào)告》指出，隨著AI技術(shù)的進(jìn)一步成熟和落地，及其與大數(shù)據(jù)、IoT的結(jié)合，AI將從單品智能、獨(dú)立場(chǎng)景到互聯(lián)智能，場(chǎng)景融合進(jìn)階。智能設(shè)備將互聯(lián)互通，場(chǎng)景將進(jìn)一步融合，實(shí)現(xiàn)多場(chǎng)景銜接；VR/AR將促進(jìn)線上和線下、虛擬和現(xiàn)實(shí)的聯(lián)結(jié)，未來，VR會(huì)加速拓展到更多的產(chǎn)業(yè)和實(shí)體，AR中的現(xiàn)實(shí)與虛擬將從簡(jiǎn)單疊加到有機(jī)融合，實(shí)現(xiàn)用戶可以源自自然意識(shí)進(jìn)行人機(jī)互動(dòng)。

趨勢(shì)八：人機(jī)開始走向深度協(xié)同，信任構(gòu)建成為首要突破點(diǎn)

2018年6月，百度研究院發(fā)布并開源“神經(jīng)條件隨機(jī)場(chǎng)”的AI算法。該算法擁有強(qiáng)大的腫瘤病理切片檢測(cè)能力，可以大幅提升醫(yī)生閱讀病理切皮的效率和準(zhǔn)確率。人機(jī)協(xié)同即，通過人工智能增強(qiáng)人類智能，讓人工智能成為人類智能的自然延伸和擴(kuò)展。

目前，人機(jī)協(xié)同已在工業(yè)領(lǐng)域初步實(shí)現(xiàn)，而隨著智能體從工業(yè)生產(chǎn)領(lǐng)域向商業(yè)服務(wù)、社會(huì)服務(wù)和家居服務(wù)領(lǐng)域拓展，人機(jī)將走向深度協(xié)同。《報(bào)告》認(rèn)為，人機(jī)深度協(xié)同可以最大化發(fā)揮雙方優(yōu)勢(shì)，實(shí)現(xiàn)合作共贏。

而人們對(duì)AI的信任，是智能體全面進(jìn)入人類工作和生活，實(shí)現(xiàn)真正人機(jī)協(xié)同的前提。即，信任構(gòu)建成為了實(shí)現(xiàn)人機(jī)深度協(xié)同的首要突破點(diǎn)。與此同時(shí)，AI倫理道德將更加細(xì)化，成為所有從業(yè)者需遵守的行業(yè)準(zhǔn)繩。AI行業(yè)的發(fā)展在帶給大眾便利生活之時(shí)，避免算法歧視、保護(hù)人類隱私、尊重人類價(jià)值等也變成了從業(yè)者們亟需重視的問題。

最后，《報(bào)告》指出，AI時(shí)代的人因工程是一個(gè)真正的系統(tǒng)工程。而每個(gè)人機(jī)交互行業(yè)的從業(yè)者都需要擁有AI思維。最重要的是，中國(guó)的人機(jī)交互設(shè)計(jì)和研究者們將首次和發(fā)達(dá)國(guó)家站在同一起跑線上，我們有機(jī)會(huì)去定義這些體驗(yàn)標(biāo)準(zhǔn)，而不再是追隨或遵守。

AI時(shí)代大門緩緩開啟，屬于中國(guó)和中國(guó)企業(yè)引領(lǐng)世界前沿的新時(shí)機(jī)已到來。

藍(lán)藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

分享車內(nèi)交互界面設(shè)計(jì)

藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

這是一個(gè)以故事形式來展現(xiàn)網(wǎng)站：Oat the Goat，動(dòng)畫很有感覺，雖然小編目前的水平還做不出這類網(wǎng)站，但看看也可以增加點(diǎn)靈感、閱歷，原來網(wǎng)站還能這樣做的，一個(gè)網(wǎng)站，一個(gè)溫暖的故事，來一起欣賞電影般的酷站，Enjoy!

網(wǎng)站名稱：Oat the Goat
網(wǎng)站地址：http://oatthegoat.co.nz/

（請(qǐng)?jiān)赑C端欣賞，瀏覽該網(wǎng)站時(shí)記得打開聲音哦~）

故事是從一只羊咩咩的歷險(xiǎn)開始，他翻山越嶺，途中遇到一些困難和遇到困難的小伙伴們，接著一起去克服，然后越來越多的小伙伴們一起去冒險(xiǎn)，經(jīng)過重重險(xiǎn)阻，最終…… （還在讓大家自己欣賞才有 Feel 的）

所有的畫面非常的漂亮，就像在看電影一樣，同時(shí)網(wǎng)站還帶有一至交互體驗(yàn)，讓用戶去選擇。

截圖：羊咩咩遇到第一個(gè)有困難的小伙難了哦，我們繼續(xù)看看……

截圖：要選擇你要怎么做了

故事結(jié)局如何？請(qǐng)自行觀賞，同時(shí)您可以在下方評(píng)論處說出你的想法：）

藍(lán)藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 

提高落地頁轉(zhuǎn)化的技巧，運(yùn)營(yíng)與美工各自要做些什么

你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不？

UI巴巴 2018-08-16 20:26:18

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

1.等距是什么？

等距視圖是指，繪制物體時(shí)每一邊的長(zhǎng)度都按繪圖比例縮放，而物體上所有平行線在繪制時(shí)仍保持平行的一種顯示方法。

最早是出現(xiàn)在電腦應(yīng)用程式的圖像，以及早期的8位元電子游戲，近幾年來的被廣泛的使用在因特網(wǎng)、GUI(Graphic User Interface)以及行動(dòng)游戲等等。

2.等距視圖游戲的歷史

雖然計(jì)算機(jī)游戲的歷史一直在20世紀(jì)70年代初期就看到了一些真正的3D游戲，但是第一個(gè)使用上述意義上的等距投影的不同視覺風(fēng)格的視頻游戲是20世紀(jì)80年代初的街機(jī)游戲。

1）20世紀(jì)80年代 

高速公路遇襲（1985年）

等距視圖是一種把2D游戲偽裝為3D游戲的顯示方法。使用這種方法的游戲有時(shí)候會(huì)被稱作偽3D或2.5D

蝙蝠俠（1986年）

執(zhí)行等距視圖的方法有很多，但為了簡(jiǎn)化，最有效最常用的一種——貼圖法。從上面兩張圖可以看出，其上覆蓋的菱形網(wǎng)格把地形劃分貼圖。

2）20世紀(jì)90年代 

最終幻想III（1997）

文明六世（2016）

在貼圖法中，各個(gè)視覺元素都被切分為更小的部件，稱為“貼圖”，都是標(biāo)準(zhǔn)尺寸的。根據(jù)預(yù)先確定的平面數(shù)據(jù)——通常是2D數(shù)組，這些貼圖被組織成游戲世界。

3）目前，2000

SOCIOBALL（2015）

紀(jì)念碑谷 （2016）

3.等距風(fēng)格的圖標(biāo)、插畫及應(yīng)用范圍

這種插畫有一個(gè)專門的名字叫“isometric”。

應(yīng)用范圍很廣，比如：icon、界面、啟動(dòng)頁、插畫、游戲、動(dòng)畫視頻等等。

圖標(biāo)

字體

插畫

海報(bào)

啟動(dòng)頁

4.常用繪制軟件

目前常用的軟件有PS、AI、C4D。

5.干貨來啦~

雖然PS/AI都能畫出等距圖標(biāo)，但是現(xiàn)在有一個(gè)軟件Affinity Designer 比它們畫等距圖更加輕松。

首先畫等距我們需要畫參考線，PS/AI都能畫出來，但是方法還是稍稍顯得復(fù)雜了一點(diǎn)，一些基本功不到位的同學(xué)會(huì)很頭疼這個(gè)參考線的畫法。Affinity Designer 的網(wǎng)格和軸管理器十分人性化的解決了這個(gè)問題。

不但對(duì)于新手來說是個(gè)不錯(cuò)的選擇，而且它完美的融合了Adobe和sketch兩個(gè)原本不相融的軟件。

網(wǎng)格類型選擇等軸測(cè)，這樣網(wǎng)格就會(huì)自動(dòng)生成等距所需要的斜線。

并且它的網(wǎng)格還可以設(shè)置吸附功能，也就是畫的每個(gè)元素都可以自動(dòng)吸附在網(wǎng)格邊緣。

另外它還有一個(gè)十分便捷的功能，它的圖形變形功能也十分強(qiáng)大。鼠標(biāo)移動(dòng)到矩形中間節(jié)點(diǎn)的會(huì)出現(xiàn)上下重疊的箭頭（→），如下圖：

這樣可以十分輕松的傾斜矩形到任意角度，并且還自動(dòng)吸附到網(wǎng)格上了。

拖拽矩形長(zhǎng)寬的時(shí)候也是根據(jù)網(wǎng)格的路徑來，不會(huì)影響矩形傾斜的角度。

輕輕松松畫一個(gè)小icon。

Affinity Designer這個(gè)軟件目前只適用于蘋果操作系統(tǒng)，在App Store商店里有售賣。

案例鑒賞：

↑軟件：C4D、3D-MAX、MAYA等大部分3D軟件

藍(lán)藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)