UI的發(fā)展史和UI設(shè)計(jì)師的界面

文/易奕

(一)前言

在經(jīng)歷了iPhone給我們帶來優(yōu)秀的用戶體驗(yàn)和界面后司志,我們開始逐漸認(rèn)識一個(gè)新的工作崗位——UI設(shè)計(jì)。帶著一種新奇的狀態(tài)去了解,學(xué)習(xí)浦徊,自己也從一名普通的畢業(yè)生開始自己的職場单鹿。剛畢業(yè)那會兒UI設(shè)計(jì)師的職位市場需求很大掀宋,自己也順利地找到期望的工作崗位 。

在工作中不斷有同學(xué)和朋友跟我聊起工作仲锄,很多朋友對我的工作內(nèi)容表示很有興趣劲妙,也有很多朋友跟我聊天后走向UI設(shè)計(jì)這個(gè)工作崗位。市場對UI設(shè)計(jì)崗位需求的熱度持續(xù)儒喊,技術(shù)培訓(xùn)機(jī)構(gòu)也越來越多镣奋。學(xué)院派很難在浪潮之前供應(yīng)市場所需的人才,畢竟大學(xué)畢業(yè)也要4年的時(shí)間怀愧。養(yǎng)料這么足侨颈,所以培訓(xùn)機(jī)構(gòu)如雨后春筍一樣瘋狂生長,培訓(xùn)費(fèi)用水漲船高芯义。

隨著時(shí)間的變化哈垢,市場經(jīng)過一輪洗牌,刷下很多互聯(lián)網(wǎng)企業(yè)扛拨,供需關(guān)系發(fā)生變化耘分。很多小公司得到發(fā)展,開始對UI設(shè)計(jì)人員的專業(yè)素質(zhì)要求提高绑警,從培訓(xùn)班結(jié)業(yè)的很多設(shè)計(jì)師求泰,涌入職場,崗位的競爭力也隨之變大计盒。

互聯(lián)網(wǎng)科技日新月異拜秧,從web?到app ,AR, ?AI 以及更多的新鮮事物出現(xiàn)章郁。這也對UI設(shè)計(jì)人員的技能和專業(yè)素質(zhì)要求提高枉氮,從簡單的制作靜態(tài)UI 到動效,以及效果酷炫的3D效果以及具備制作原型等能力暖庄。

(二)UI發(fā)展歷程

2.1 我對UI的理解

UI這個(gè)名詞大家都不陌生了聊替,但是UI從何時(shí)起,又是為什么這么火的呢? 大家接觸UI這個(gè)名詞是最近幾年的事情培廓,但是你知道嗎惹悄,UI設(shè)計(jì)在設(shè)計(jì)行業(yè)一直存在,從最初我們用的電子產(chǎn)品肩钠、軟件再到網(wǎng)站的建設(shè)泣港,這些都是UI范疇暂殖,我們現(xiàn)在使用的電腦顯示屏里的東西也都是UI〉鄙矗可以這么說呛每,自從有了設(shè)計(jì)這個(gè)行業(yè),UI這個(gè)名詞其實(shí)就已經(jīng)出現(xiàn)了坡氯。

那么晨横,為什么到最近幾年這個(gè)名詞才被大家熟悉和這么火呢?因?yàn)樵絹碓蕉嗟钠髽I(yè)意識到設(shè)計(jì)的重要性和用戶使用感受對產(chǎn)品的影響了箫柳,也就是用戶體驗(yàn)手形。

說到用戶體驗(yàn),不得不提一個(gè)人悯恍,那就是喬布斯老爺子库糠。我個(gè)人覺得是他把用戶體驗(yàn)做到了極致,暫且不說他之后的iPhone設(shè)計(jì)得如何涮毫,不能否認(rèn)曼玩,蘋果的產(chǎn)品在設(shè)計(jì)行業(yè)依然成為了標(biāo)桿。

中國UI行業(yè)如今發(fā)展的如火如荼窒百,而且給了設(shè)計(jì)師一個(gè)展露頭腳的機(jī)會黍判。同時(shí)也涌現(xiàn)一批優(yōu)秀的互聯(lián)網(wǎng)設(shè)計(jì)師。

國外UI對中國的影響很大篙梢,就如iPhone出現(xiàn) iOS7發(fā)布顷帖,扁平化出現(xiàn),行業(yè)大部分UI的風(fēng)格趨向扁平化渤滞,國外的各種設(shè)計(jì)手法贬墩,流行趨勢也影響著國內(nèi)的很多設(shè)計(jì)師。

2.2 早期UI的出現(xiàn)

Windows 1.0 (1985)

Mac早期操作界面

俄羅斯方塊是在1985年6月由俄羅斯人發(fā)明的妄呕,這位發(fā)明者叫阿列克思·帕基特諾夫

廣告燈箱陶舞,在屏上閃動的文字和圖片

2.3 移動端UI的出現(xiàn)

手機(jī)UI的出現(xiàn)時(shí)間較早,曾今有一個(gè)很經(jīng)典的廣告绪励,“波導(dǎo)手機(jī) 手機(jī)中的戰(zhàn)斗機(jī)”讓我印象深刻肿孵。

但是真正被大家關(guān)注的是iPhone的出現(xiàn),喬幫主把硬件和軟件完美的結(jié)合疏魏,加上優(yōu)秀的用戶體驗(yàn)停做。感覺是一個(gè)新時(shí)代的開始,從此開辟了蘋果的時(shí)代大莫。

于此同時(shí)蛉腌,UI行業(yè)在國內(nèi)興起,越來越多的設(shè)計(jì)師踏入這個(gè)行業(yè)。

2.4 UI的興起

手機(jī)烙丛,平板電腦是主流的UI形式 如今效果與技術(shù)越來越成熟舅巷。Web UI用戶體驗(yàn)也越來越專業(yè),對用戶體驗(yàn)也表現(xiàn)的很重視河咽。其他UI形式也開始興起钠右,這是一個(gè)美好的時(shí)代對于UI設(shè)計(jì)師而言。

2.5 UI發(fā)展的多元化

近段時(shí)間感觸還是蠻深的库北,很多朋友問起我UI是不是沒有什么市場了爬舰, 感覺不像前一兩年那么火熱了们陆,在網(wǎng)頁上我也能經(jīng)澈撸看到? “UI設(shè)計(jì)失業(yè)潮” “什么時(shí)候UI設(shè)計(jì)師這個(gè)崗位會消失”。

其實(shí)這個(gè)是個(gè)正常的狀態(tài)坪仇,任何熱門的崗位從火熱-到平穩(wěn)-慢慢消退杂腰,都是有一個(gè)曲線的,不會一直都屬于一個(gè)充血的狀態(tài)椅文。我覺著這是一個(gè)好事情喂很,不然科技不會進(jìn)步,新技術(shù)得不到發(fā)展皆刺。同時(shí)也鞭策著每一個(gè)設(shè)計(jì)師都去學(xué)習(xí)新技術(shù)少辣,讓自己的技術(shù)更加的全面。

2年前我處于一個(gè)瘋狂做外包的狀態(tài)羡蛾,那時(shí)候報(bào)價(jià)基本是UI設(shè)計(jì)師都會比較強(qiáng)勢漓帅,“要做就做,不做的話我還有別的事情要忙”痴怨。但是近來也明顯感覺到外包對接人覺得設(shè)計(jì)人員選擇更多了忙干,所以就沒有當(dāng)初那種66的感覺鸿市。誰都有失寵的時(shí)候荸频,所以不要太緊張,再不行可以去整形一下籽腕,讓自己更有競爭力爱葵。

保持在原地就等著被浪潮淹沒施戴,所以我們要做的就只有 RUN……

2.6 下一步會是什么?

下面我們可以看看除了比較主流的手機(jī)萌丈、平板以及web的UI設(shè)計(jì)暇韧,還有哪些UI類型工作。

穿戴設(shè)備這個(gè)已經(jīng)進(jìn)入了大家的視野浓瞪,但是我覺著還沒有出很智能很nice的產(chǎn)品懈玻,所以還有很大空間。智能機(jī)器人也是很火的有木有?汽車的UI也是一塊很需要去改變的涂乌,智能家居之前只是聽過艺栈。

(三)UI發(fā)展現(xiàn)狀

3.1 現(xiàn)在的UI設(shè)計(jì)師

經(jīng)過了幾年的積累,一些公司也積累公司的人員框架湾盒,下面可以看看UI設(shè)計(jì)的職位晉升湿右。每個(gè)階段都會有必須經(jīng)歷的過程 :菜鳥-初級設(shè)計(jì)師-中級設(shè)計(jì)師-高級設(shè)計(jì)師-資深設(shè)計(jì)師-總監(jiān) -專家-大神。

根據(jù)公司的特殊性罚勾,設(shè)計(jì)師的工作內(nèi)容也會有所差異毅人。

不同階段的設(shè)計(jì)師他們要做的工作內(nèi)容也不同,大致可以分為:執(zhí)行層-咨詢層-管理層尖殃。我認(rèn)為這是一件很公平的工作丈莺,因?yàn)槲覀兠總€(gè)人都需要理解或經(jīng)歷工作的積累,技術(shù)的鍛煉送丰,和經(jīng)驗(yàn)的分享缔俄。我也很清晰付出與回報(bào)成正比,總監(jiān)總是有種想歸隱田園的憂郁氣質(zhì)器躏!

3.2 他們都在干嘛呢俐载!

UI設(shè)計(jì)師通常都被大家認(rèn)為成了 視覺設(shè)計(jì)師。然而除了(視覺 觸覺 聽覺)還有情感化設(shè)計(jì)等登失,這些其實(shí)都是需要設(shè)計(jì)的遏佣,就從我近段時(shí)間的工作中,需要給動效配音揽浙,這完全不在這個(gè)范疇状婶。所以我們?nèi)缃衩靼椎膬?nèi)容真的很有限。未來的發(fā)展趨勢會越來越廣捏萍,因?yàn)檩d體不同太抓,所要提高的設(shè)計(jì)規(guī)范,和應(yīng)用效果都不一樣令杈。

(四)UI行業(yè)走向

4.1 百花齊放

UI設(shè)計(jì)行業(yè)緊跟著科技公司的需求隨之變化走敌,畢竟資本在哪,人就會在哪逗噩,如今國內(nèi)的UI設(shè)計(jì)從業(yè)人員已經(jīng)比之前增加很多掉丽,并且屬于逐年大量入坑狀態(tài)。

市場也發(fā)生變化异雁,如今不僅僅是做個(gè)手機(jī)app 做個(gè)網(wǎng)頁那么單一捶障。人總有居安思危的狀態(tài),下一塊熱土在哪呢纲刀!

很多時(shí)候我們都會給自己找個(gè)安全的地方项炼,呆的久一點(diǎn)。其實(shí)我覺著把自己眼前的工作做到極致,無論下一步要做什么我想都會清晰锭部。

當(dāng)公司越成熟暂论,對公司的員工的職業(yè)素養(yǎng)會發(fā)生變化,在工作中拌禾,我總是期盼著我的同事能帶給我驚喜取胎,這種驚喜也許是一個(gè)畫面,也許是一個(gè)還沒落實(shí)想法湃窍,也可以能是某一項(xiàng)技術(shù)闻蛀。所以我們要做的就是不斷的讓自己具備更全面更高效的工作能力。

變身吧少年您市!

4.2 懂需求的UI

工作中我們會發(fā)現(xiàn)誰懂的多觉痛,誰就會顯得有話語權(quán),當(dāng)需求給到UI設(shè)計(jì)人員墨坚,設(shè)計(jì)師懂產(chǎn)品秧饮,懂UE映挂,懂用戶體驗(yàn)泽篮,能看懂?dāng)?shù)據(jù),還能在還原度上要求開放緊追著開發(fā)柑船。這樣的人肯定是上輩子折翼的天使帽撑。

互聯(lián)網(wǎng)創(chuàng)業(yè)的熱度雖然平穩(wěn)下來,但是你不得不承認(rèn)鞍时,這是互聯(lián)網(wǎng)的時(shí)代亏拉。但是依舊在前赴后繼的放眼全球,知乎上有一篇文章來自谷歌的設(shè)計(jì)師逆巍,爆出了個(gè)很驚人的結(jié)論及塘,在美國硅谷單純的UI設(shè)計(jì)師幾乎已經(jīng)不存在了。如果一個(gè)視覺設(shè)計(jì)師不懂產(chǎn)品锐极,不懂交互設(shè)計(jì)笙僚,不懂用戶體驗(yàn)設(shè)計(jì),基本上就沒有出路了灵再。

這從側(cè)面也印證了一點(diǎn)肋层,UE+UI可能才是UI的真正發(fā)展方向和最終形態(tài)。當(dāng)然我們不可否認(rèn)大公司里面一定是做各種職位的細(xì)分翎迁,但是目前從栗子老師得到的中國一批頂級互聯(lián)網(wǎng)公司的設(shè)計(jì)師反饋來說栋猖,好像都在明確的走交互的路線,讀各種交互的書籍強(qiáng)化自己汪榔。試用各種app增加自己app的閱讀量蒲拉。

4.3 懂運(yùn)營的UI

之前有了解到,一位優(yōu)秀的UI設(shè)計(jì)師贊了錢去國外學(xué)運(yùn)營,當(dāng)時(shí)還沒明白UI怎么跟運(yùn)營掛鉤了雌团!

但是現(xiàn)在看見很多運(yùn)營累的UI刷屏爆班,例如優(yōu)秀的New balanceh,? H5 界面辱姨。雙十一的宣傳柿菩,還有各類發(fā)布會的宣傳,個(gè)人屬性崛起雨涛,我們盯著千篇一律的應(yīng)用一定要?dú)⒊鰝€(gè)性化的一條路枢舶。各種廠商各種節(jié)日設(shè)計(jì)推廣,各種情感話訴求替久,必然會需要大量的運(yùn)營類型UI設(shè)計(jì)師一展拳腳凉泄。擺脫了規(guī)范的限制,擺脫了扁平化的需求蚯根,平面設(shè)計(jì)能力后众,手繪造型能力以及創(chuàng)意表達(dá)能力的素養(yǎng)真正的就拉出來比拼了。這可不是幾個(gè)月可以復(fù)制出來的颅拦,一定是未來搶手的崗位之一蒂誉。這些都離不開一個(gè)懂運(yùn)營的UI設(shè)計(jì)師。

4.4 會寫代碼的UI

懂動效距帅,懂代碼右锨,能建站,能獨(dú)立完成H5類推廣頁面碌秸,如果你能懂后臺那些玩意就更好了绍移。

從穩(wěn)定的公司規(guī)模來看,一般小公司1-2個(gè)設(shè)計(jì)讥电,6-10個(gè)開發(fā)蹂窖,就能算出來,未來一定是開發(fā)者的美好未來恩敌。但是其實(shí)開發(fā)領(lǐng)域也在被細(xì)分瞬测。所以全通,但是不需要很精的全站設(shè)計(jì)師無論在什么時(shí)候潮剪,都是獨(dú)角獸一樣的神奇生物涣楷,見到一個(gè)基本上老板就走不動了。

加之今年政府的政策抗碰,二三線市場的拓寬狮斗,各種淘寶建站,公司的宣傳類型網(wǎng)站弧蝇,微信內(nèi)的H5頁面碳褒,加上簡單的演示用demo折砸,引用medium里面的原話:我想說的是如果你會代碼,那么你簡直就是設(shè)計(jì)界中的戰(zhàn)斗機(jī)沙峻。你的想法不再一定是一張張YY出來只能看的圖睦授,你還能把它給真的做出來,親手實(shí)現(xiàn)你的idea摔寨。當(dāng)碼農(nóng)說這個(gè)不行那么不行的時(shí)候去枷,你能擼起袖子大喝道“勞資給你碼一段看看咸淡!是复!”這樣子的牛人删顶,我相信家家公司都渴求。

4.5 會特效的UI

做動效淑廊,建模逗余,加動畫劇情能把你迷得神魂顛倒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末季惩,一起剝皮案震驚了整個(gè)濱河市录粱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌画拾,老刑警劉巖啥繁,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異碾阁,居然都是意外死亡输虱,警方通過查閱死者的電腦和手機(jī)些楣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門脂凶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人愁茁,你說我怎么就攤上這事蚕钦。” “怎么了鹅很?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵嘶居,是天一觀的道長。 經(jīng)常有香客問我促煮,道長邮屁,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任菠齿,我火速辦了婚禮佑吝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘绳匀。我一直安慰自己芋忿,他們只是感情好炸客,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著戈钢,像睡著了一般痹仙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上殉了,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天开仰,我揣著相機(jī)與錄音,去河邊找鬼薪铜。 笑死抖所,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的痕囱。 我是一名探鬼主播田轧,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鞍恢!你這毒婦竟也來了傻粘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤帮掉,失蹤者是張志新(化名)和其女友劉穎弦悉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蟆炊,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡稽莉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了涩搓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片污秆。...
    茶點(diǎn)故事閱讀 39,965評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖昧甘,靈堂內(nèi)的尸體忽然破棺而出良拼,到底是詐尸還是另有隱情,我是刑警寧澤充边,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布庸推,位于F島的核電站,受9級特大地震影響浇冰,放射性物質(zhì)發(fā)生泄漏贬媒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一肘习、第九天 我趴在偏房一處隱蔽的房頂上張望际乘。 院中可真熱鬧,春花似錦井厌、人聲如沸蚓庭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽器赞。三九已至垢袱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間港柜,已是汗流浹背请契。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留夏醉,地道東北人爽锥。 一個(gè)月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像畔柔,于是被迫代替她去往敵國和親氯夷。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容