首頁

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

用心設(shè)計

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

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

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

三、界面(GUI)

四、動效的重要性

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

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

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

資深UI設(shè)計者

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

一、背景

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


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

周周

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

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

銳變啟程

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

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

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

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

Banner設(shè)計終極寶典!6招搞定點綴元素的運用!

用心設(shè)計

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

Banner設(shè)計終極寶典!6招搞定點綴元素的運用!

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

周周

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

1. 品牌概述

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

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

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

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

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

用心設(shè)計

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

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


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

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

資深UI設(shè)計者

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

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

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

周周

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

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

了解柵格系統(tǒng)

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

周周

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

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

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

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

用心設(shè)計

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

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

日歷

鏈接

個人資料

存檔