首頁

站在UI的角度看產(chǎn)品是一種怎樣的體驗(yàn)?

用心設(shè)計(jì)

站在交互設(shè)計(jì)師(IXD)、視覺設(shè)計(jì)師(GUI)、用戶體驗(yàn)師(UED/UXD)和動(dòng)效設(shè)計(jì)師、用戶(User) 的角度分析問題。

一、在Android與iOS系統(tǒng)上,美騎+交互和界面的設(shè)計(jì)區(qū)別

二、交互設(shè)計(jì)(IXD) Interaction design,區(qū)別于工業(yè)設(shè)計(jì),加了個(gè)”X”。

三、界面(GUI)

四、動(dòng)效的重要性

五、用戶體驗(yàn)(UED/UXD) 我認(rèn)為更多強(qiáng)調(diào)研究人與機(jī)器的關(guān)系的藝術(shù)。

站在UI的角度看產(chǎn)品是一種怎樣的體驗(yàn)?

產(chǎn)品改版實(shí)戰(zhàn)經(jīng)驗(yàn):設(shè)計(jì)師如何做改版效果評(píng)估?

資深UI設(shè)計(jì)者

產(chǎn)品改版前設(shè)計(jì)師該對(duì)哪些內(nèi)容進(jìn)行調(diào)研?改版后該用哪些指標(biāo)、哪些數(shù)據(jù)要注意?筆者結(jié)合項(xiàng)目實(shí)踐,寫成此篇改版調(diào)研經(jīng)驗(yàn)小結(jié)(效果評(píng)估篇),歸納出一些通用型的經(jīng)驗(yàn)和流程來幫助設(shè)計(jì)師自行開展改版項(xiàng)目的調(diào)研工作。

一、背景

互聯(lián)網(wǎng)產(chǎn)品的節(jié)奏特點(diǎn)就是小步快跑,不斷迭代優(yōu)化,因此產(chǎn)品改版是很常見的情況。設(shè)計(jì)師和產(chǎn)品同學(xué)等也都意識(shí)到可以借助調(diào)研幫助實(shí)現(xiàn)業(yè)務(wù)目標(biāo)和更好滿足用戶需求。但是在實(shí)際工作中,筆者經(jīng)常會(huì)遇到設(shè)計(jì)師在改版前會(huì)來討論要調(diào)研的內(nèi)容,表示不太清楚從何入手,或者改版后過來咨詢“我們想看看改版后的效果,但是不知道該用哪些指標(biāo),看哪些數(shù)據(jù)?” 鑒于以上情況,筆者結(jié)合項(xiàng)目實(shí)踐,歸納出一些通用型的經(jīng)驗(yàn)和流程來幫助設(shè)計(jì)師自行開展改版項(xiàng)目的調(diào)研工作,由于篇幅的問題,本文先只介紹改版后的效果評(píng)估部分,總結(jié)起來,可以從3個(gè)意識(shí),5個(gè)環(huán)節(jié)入手,具體請(qǐng)看下文。


騰訊有30多個(gè)LOGO的重設(shè)計(jì),都是靠這個(gè)思路完成的

周周

編者按:今年騰訊很多品牌進(jìn)行了改版(QQ/騰訊云/QQ音樂等等),說出來你可能不信,盡管這30多個(gè)LOGO所處領(lǐng)域完全不同,但重設(shè)計(jì)卻都依照了一個(gè)思路(包括造型/質(zhì)感/色彩3方面),想跟上潮流,學(xué)到方法,這篇絕對(duì)不能錯(cuò)過!

飛兒:在SNG(騰訊社交網(wǎng)絡(luò)事業(yè)群)品牌系統(tǒng)語言里,LOGO系統(tǒng)承載品牌視覺的最核心容器,是整個(gè)品牌視覺系統(tǒng)的靈魂,是品牌的精神文化理念、信譽(yù)、服務(wù)等特點(diǎn)的濃縮表現(xiàn),直接影響著社交網(wǎng)絡(luò)品牌的發(fā)展。本文核心剖析社交網(wǎng)絡(luò)產(chǎn)品LOGO設(shè)計(jì)系統(tǒng)。

銳變啟程

伴隨著我們的成長的QQ,2016年已經(jīng)成功銳變。新企鵝整體造型更加銳利、修身、簡(jiǎn)潔。企鵝的視覺角度從略帶俯視變成了平視,讓其圖形更加的幾何化。更簡(jiǎn)潔時(shí)尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰(zhàn),是整個(gè)社交網(wǎng)絡(luò)產(chǎn)品體系在一起奮進(jìn)。

我們的用戶群體是年輕且最有活力的一代。品牌的內(nèi)涵理念要持續(xù)提升,以保證品牌貼近市場(chǎng)和用戶。打造品牌語言系統(tǒng),表層價(jià)值是讓社交網(wǎng)絡(luò)產(chǎn)品脫穎而出。深層價(jià)值是塑造一個(gè)專業(yè)創(chuàng)新的內(nèi)容平臺(tái),承載整個(gè)互聯(lián)網(wǎng)生活體系,反映社交網(wǎng)絡(luò)產(chǎn)品對(duì)優(yōu)質(zhì)設(shè)計(jì)體驗(yàn)的追求。

品牌設(shè)計(jì)系統(tǒng)的背后是是整個(gè)社交網(wǎng)絡(luò)品牌生態(tài)策略。社交網(wǎng)絡(luò)品牌設(shè)計(jì)系統(tǒng)已經(jīng)悄然進(jìn)行,第一個(gè)重塑品牌的是騰訊云,接著騰訊企點(diǎn)、天天P圖、微云等陸續(xù)刷新。

Banner設(shè)計(jì)終極寶典!6招搞定點(diǎn)綴元素的運(yùn)用!

用心設(shè)計(jì)

我以前就反復(fù)提到過,一個(gè)最常規(guī)的最完整的Banner,一般有這五個(gè)組成部分:文案/模特商品/背景/點(diǎn)綴元素/LOGO,我給大家簡(jiǎn)單做了一個(gè)示例:

Banner設(shè)計(jì)終極寶典!6招搞定點(diǎn)綴元素的運(yùn)用!

高手這么做LOGO!騰訊「游戲應(yīng)用中心」品牌重設(shè)計(jì)過程全揭秘

周周

編者按:一個(gè)完整 的LOGO 的設(shè)計(jì)流程是怎樣的?今天騰訊ISUX 的Amy 用「游戲應(yīng)用中心」的案例,帶你學(xué)習(xí)這個(gè)過程。

1. 品牌概述

游戲應(yīng)用中心是QQ空間用戶專屬的游戲平臺(tái),、最火、最好玩的游戲一網(wǎng)打盡:角色扮演、模擬經(jīng)營、射擊、棋牌、街機(jī)、賽車等各類游戲應(yīng)有盡有。這里網(wǎng)羅了全平臺(tái)最全、最給力的游戲禮包,更有積分兌換頻道、各類精彩活動(dòng)為玩家提供豐富給力的獎(jiǎng)品。

2. 品牌更新目標(biāo)

游戲應(yīng)用中心是QQ空間下基于網(wǎng)頁的游戲平臺(tái)。原名“應(yīng)用中心”,不僅有游戲還有其他應(yīng)用,所以舊Logo有“APP”字樣。隨著app的份額減少弱化,應(yīng)用中心決定把重心放在游戲的部分,因此需要重新設(shè)計(jì)品牌標(biāo)志。

同時(shí),為了讓Logo跟SNG的品牌系統(tǒng)保持一致。舊標(biāo)志產(chǎn)生于SNG品牌系統(tǒng)建立之前,所以有些偏離了系統(tǒng)。

規(guī)范、方法、一致性,真有那么重要?

用心設(shè)計(jì)

當(dāng)我們剛從事UI設(shè)計(jì)時(shí),自身對(duì)于用戶體驗(yàn)設(shè)計(jì)的積淀還不夠厚實(shí)的時(shí)候,遵循設(shè)計(jì)規(guī)范是最保守但也是最合理的做法,因?yàn)檫@種解決方案更加成熟和通用,也有了一定的用戶認(rèn)知。同時(shí)像公司內(nèi)部的設(shè)計(jì)規(guī)范,有利于版本迭代的開發(fā)及設(shè)計(jì)效率,包括新人入職后更快上手工作,避免出錯(cuò)。

所以了解ios設(shè)計(jì)規(guī)范,安卓設(shè)計(jì)規(guī)范,或者是公司內(nèi)部的設(shè)計(jì)規(guī)范等等,成為設(shè)計(jì)師必備的技能...


規(guī)范、方法、一致性,真有那么重要?

全球化設(shè)計(jì)系列!如何為不同文化而設(shè)計(jì)?

資深UI設(shè)計(jì)者

全球化并不是一個(gè)新話題,而是一個(gè)老難題。

各大公司都想做全球化,但全球化怎么做卻難倒了大家。不止是商業(yè)策略,即便是純?cè)O(shè)計(jì)這塊都是有待摸索。阿里國際 UED 這些年在為 http://AliExpress.com http://Alibaba.com 進(jìn)行設(shè)計(jì)的過程中不斷的進(jìn)行國際化設(shè)計(jì)的探索,今天我們將和大家來分享一下這個(gè)主題的第一篇,為不同文化而設(shè)計(jì)。

網(wǎng)頁設(shè)計(jì)中,如何突破柵格的限制又保持協(xié)調(diào)?

周周

現(xiàn)如今,柵格已經(jīng)幾乎是所有網(wǎng)頁設(shè)計(jì)的基礎(chǔ)。這些隱形的線條創(chuàng)造出空間的節(jié)奏感和視覺的流暢感,他們是讓網(wǎng)頁變得更加和諧的基礎(chǔ)。

但是,柵格存在的目的是幫你創(chuàng)造好的設(shè)計(jì),當(dāng)你開始逐漸適應(yīng)柵格的存在,千萬不要被它束縛住。你并沒有必要100%地受限于柵格,偶爾打破柵格的設(shè)計(jì)可能會(huì)讓你的設(shè)計(jì)更加抓人眼球。不過,想要打破柵格又保持網(wǎng)頁的協(xié)調(diào),是有技巧的,并非任何“破格”的設(shè)計(jì)都是好的。今天,我們來聊聊這個(gè)。

了解柵格系統(tǒng)

實(shí)戰(zhàn)經(jīng)驗(yàn)!從0到1的騰訊微眾銀行APP項(xiàng)目小結(jié)

周周

ake:照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會(huì)使世界發(fā)生從1到N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候,會(huì)使世界發(fā)生從0到1的改變?!?Peter Thiel,Blake Masters《從0到1:開啟商業(yè)與未來的秘密》

微眾銀行作為國內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營銀行,正在創(chuàng)造新的金融模式,讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物,它并不是簡(jiǎn)單的“互聯(lián)網(wǎng)”與“銀行”相加,而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進(jìn)行創(chuàng)新。

過去的兩年,我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風(fēng)順的事情,所以過程中的設(shè)計(jì)方法更值得記錄和分享。在項(xiàng)目初期,我們做了很多分析和準(zhǔn)備,但由于時(shí)間關(guān)系,我們一直沒能好好的梳理成文。現(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定,促使我們重新回看剛開始那段珍貴的時(shí)光,把項(xiàng)目初期的的精華重新記錄下來,希望對(duì)大型項(xiàng)目的初期搭建能有一些啟發(fā)和指引。

像做學(xué)問一樣做設(shè)計(jì)

用心設(shè)計(jì)

這篇文章的主題,其實(shí)在腦子里已經(jīng)有一段時(shí)間了。趁著這兩天準(zhǔn)備開始自己的每月一篇的翻譯設(shè)計(jì)類文章的計(jì)劃,于是想結(jié)合譯文來寫一點(diǎn)關(guān)于這個(gè)主題的一些想法。巧的是在medium上發(fā)現(xiàn)了一篇文章,叫《The Day You Became A Better Designer》。作者是Tobias van Schneider 。關(guān)于作者,具體的我沒有了解的很多(有興趣的可以自己去科學(xué)上網(wǎng)查看他的個(gè)人網(wǎng)站和資料),從他的設(shè)計(jì)作品和文章來看,是一個(gè)一流的設(shè)計(jì)師。他是一個(gè)自學(xué)成才的設(shè)計(jì)師,沒有上過大學(xué),現(xiàn)在在紐約從事設(shè)計(jì)工作,很令人欽佩。

其實(shí)這篇文章寫了2年多了,早已經(jīng)有人翻譯過,但這對(duì)于我來說,并沒有影響,我想借著自己翻譯的過程一邊深入了解一些設(shè)計(jì)師的態(tài)度和看法,也順便補(bǔ)習(xí)下自己那早已忘得差不多的英語。像做學(xué)問一樣做設(shè)計(jì)一

日歷

鏈接

個(gè)人資料

存檔