首頁

想成為高級UI 設(shè)計(jì)師?先學(xué)會構(gòu)建自己的設(shè)計(jì)體系!

周周

編者按:初級UI 設(shè)計(jì)師可能有很多想學(xué)的:3D、插畫、動(dòng)畫、交互、界面視覺,但是如果你想成為高級UI 設(shè)計(jì)師,最應(yīng)該學(xué)的是構(gòu)建自己的設(shè)計(jì)體系。

最近看了一篇關(guān)于自我成長的文章,大概意思就是告訴我們成長的四大環(huán)節(jié):1.定位(方向)——2.學(xué)習(xí)方法——3.堅(jiān)持——4.突破。我個(gè)人覺得自己不差堅(jiān)持和突破的能力,差的就是定位與學(xué)習(xí)方法,而導(dǎo)致學(xué)習(xí)方法有誤的原因也是由于定位還不夠清晰,至少短期內(nèi)是這樣的情況,因?yàn)槲蚁雽W(xué)的東西太多了,3D、插畫、動(dòng)畫、交互、界面視覺等等,導(dǎo)致自己無法聚焦,從而產(chǎn)生了各種焦慮、煩躁的情緒,正因如此才會有學(xué)習(xí)方法有誤、學(xué)習(xí)效率低下的情況出現(xiàn)。

進(jìn)階必讀!UI 設(shè)計(jì)規(guī)范的制作思路+常見問題總結(jié)

周周

編者按:制作UI 設(shè)計(jì)規(guī)范的大體思路應(yīng)該是怎樣的?制作規(guī)范時(shí)容易遇到哪些瓶頸?今天這篇好文是華為設(shè)計(jì)師總結(jié)的經(jīng)驗(yàn),幫你一次性搞定這兩個(gè)問題!

2016已經(jīng)接近尾聲,上兩天剛參加完比賽,利用這幾天空閑時(shí)間,把最近沉淀下來的東西分享出來。

上個(gè)月團(tuán)隊(duì)幾個(gè)小組進(jìn)行友誼比賽,命題是“郵件”。規(guī)定大家以產(chǎn)品思維去設(shè)計(jì)一款全新的產(chǎn)品,形式不限。很難得的是所有人都參加了產(chǎn)品設(shè)計(jì)的每一個(gè)環(huán)節(jié)。我們秉著發(fā)現(xiàn)問題、解決問題的態(tài)度開始了這次友誼比賽。

做好4個(gè)細(xì)節(jié)設(shè)計(jì),讓移動(dòng)APP 用戶體驗(yàn)脫穎而出

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

啟動(dòng)頁、空狀態(tài)、動(dòng)畫反饋、框架界面… 今天提到的這4種狀態(tài),都是容易被忽視,而又能讓移動(dòng)App 脫穎而出的細(xì)節(jié)。如何做好這4個(gè)細(xì)節(jié)的用戶體驗(yàn)設(shè)計(jì)?今天這篇好文總結(jié)了關(guān)鍵的幾個(gè)原則。


圖片搜索結(jié)果


重回80年代!為網(wǎng)頁注入迷人的孟菲斯設(shè)計(jì)風(fēng)

周周

復(fù)古一直在流行,這也是為什么過去許多設(shè)計(jì)趨勢常常會沉寂若干年之后,又再次走到潮流的最前線。今天,我們要聊的是孟菲斯設(shè)計(jì)風(fēng)(Memphis Design),這種設(shè)計(jì)風(fēng)格充滿了80年代的特征,明亮的色彩和多樣的圖形與線條充斥其間,它也是近年重歸流行的設(shè)計(jì)風(fēng)格之一。

了解孟菲斯設(shè)計(jì)

孟菲斯設(shè)計(jì)是一種時(shí)髦的風(fēng)格,它擁有現(xiàn)代設(shè)計(jì)的特征,最初是源自于紡織品的設(shè)計(jì)。有人嗜好孟菲斯設(shè)計(jì)風(fēng)格,而有人則恰恰相反,一點(diǎn)也不適應(yīng)。

不是萬能!卡片式設(shè)計(jì)并不能支撐所有的設(shè)計(jì)需求

周周

編者按:卡片式設(shè)計(jì)一直是以強(qiáng)兼容性和“百搭”的形象出現(xiàn)在大眾的面前,但是它同樣有無法滿足用戶需求的時(shí)候,今天的文章我們就在實(shí)戰(zhàn)中聊聊這件事~

Material Design的流行讓卡片式設(shè)計(jì)走上神壇,卡片式設(shè)計(jì)在如今的網(wǎng)頁設(shè)計(jì)中更是隨處可見。尤其是那些偏向于大量信息匯總的頁面,卡片式設(shè)計(jì)幾乎是不二的選擇。

卡片常常被用作信息詳情的進(jìn)入入口。

我們的用戶體驗(yàn)團(tuán)隊(duì)近期負(fù)責(zé)了好幾個(gè)重設(shè)計(jì)的項(xiàng)目。毫無疑問,其中有不少就是借用卡片式設(shè)計(jì)來實(shí)現(xiàn)的。而有意思的地方在于,我們通過這些項(xiàng)目實(shí)踐發(fā)現(xiàn)一些有意思的情況:卡片式設(shè)計(jì)在一些新聞?lì)惖木W(wǎng)站,尤其是首頁和歸檔頁面,并不是那么適用。

騰訊ISUX丨揭秘QQ 新版表情背后的設(shè)計(jì)故事

周周

聆瀾子:遙想新版本表情上線,已經(jīng)過去了許久。隨著開發(fā)哥們不辭辛苦的版本優(yōu)化,我們終于如約迎來了QQ新表情的加入(撒花)。今天這篇為你揭秘這些表情是如何設(shè)計(jì)出來的!

尋找中國茶

茶表情的加入源于我們對于表情中華元素缺失的反思。不同于emoji表情,作為中國人獨(dú)有的表情包,QQ表情有義務(wù)更主動(dòng)地去傳播中國自己的文化。茶表情,將是我們的開端。

茶文化博大精深,世界各地已經(jīng)形成了許多獨(dú)特的飲茶文化和風(fēng)格,但我們需要做的是中國人的茶。那么,如何讓我們的茶表情能夠一眼分辨出是“中國茶”,是設(shè)計(jì)上遇到的最大難題。

本著考據(jù)黨死磕到底的精神(微笑),我們地毯式地搜集了各種畫風(fēng)的茶文化。

uisdc-emoji-2016121122

【譯文】Facebook設(shè)計(jì)VP的產(chǎn)品設(shè)計(jì)觀

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

【譯者注】Julie
Zhuo,原上海人,在5歲時(shí)舉家移民美國德州,家人本希望她成為一名醫(yī)生或者律師,但因?yàn)閷σ曈X藝術(shù)的熱愛,她選擇成為一名設(shè)計(jì)師。她是Facebook的第一名實(shí)習(xí)生,2006年5月加入時(shí)剛滿22歲,那時(shí)的社交網(wǎng)絡(luò)還局限于電子郵箱往來。在10年的職業(yè)生涯中,她充分展示了對產(chǎn)品設(shè)計(jì)的深入理解和卓越管理能力,成為了Facebook的設(shè)計(jì)總監(jiān),在Medium等媒體發(fā)表自己對產(chǎn)品設(shè)計(jì)的見解和觀點(diǎn),篇篇飽含真知灼見,又不失個(gè)人特色洞察,逐漸被設(shè)計(jì)同行熟知。如今,這個(gè)32歲的華人姑娘已成為硅谷最偉大公司之一Facebook的設(shè)計(jì)副總裁,她分享了自己數(shù)年來形成的產(chǎn)品設(shè)計(jì)觀,相信你們讀了之后會找到很多啟發(fā)與共鳴。

案例實(shí)戰(zhàn)!如何將MATERIAL DESIGN 帶入到實(shí)際產(chǎn)品中?

周周

在進(jìn)行App設(shè)計(jì)時(shí),有沒有什么規(guī)范參考標(biāo)準(zhǔn),還是自己想象一個(gè)出來?究竟如何去根據(jù)iOS的規(guī)范具體實(shí)現(xiàn)設(shè)計(jì)落地?今天@Jaret_杰瑞特 (優(yōu)酷土豆上海部設(shè)計(jì)經(jīng)理)這篇用優(yōu)酷的實(shí)戰(zhàn)案例帶你入門。

最近,與上海的“谷歌開發(fā)者社區(qū)”(GDG)一起策劃并與大家進(jìn)行了一期關(guān)于Material Design的話題分享會。

這幾天我抽空將當(dāng)天分享的PPT內(nèi)容再精簡整理了一下,并在關(guān)鍵頁面配上了對應(yīng)的文字說明,便于分享給沒有來得及到場及更多的朋友。

usdic—article—20161211

全新的Uber App設(shè)計(jì)

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

聲勢浩大的改版設(shè)計(jì)總使人望而生畏。有太多變化與未知,有可能會失敗。但我們知道,如果想要打造未來,我們就得欣然接受挑戰(zhàn)。這就意味著不僅僅是在外觀上下賭注,也是在重新想象整個(gè)流程。

Uber原本的主旨很簡單,“按下按鈕,搭上一輛車?!蹦悴槐卦O(shè)定目的地,也不必選擇產(chǎn)品,只要按一下按鈕,或者兩下,之后就不用管了。

交互丨有理有據(jù)做設(shè)計(jì)之如何明確設(shè)計(jì)目標(biāo)?

周周

晶晶:獨(dú)立項(xiàng)目中,交互設(shè)計(jì)師的工作可以分成四個(gè)核心環(huán)節(jié):定義方向策略、確定解決方案、有理有據(jù)的進(jìn)行設(shè)計(jì)輸出、上線效果跟蹤。本期要和大家分享的是:方向策略。

uisdc-d-201612036

日歷

鏈接

個(gè)人資料

存檔