首頁

Material Design元素設(shè)計(jì)指南

藍(lán)藍(lán)設(shè)計(jì)的小編



如果你通讀過Google的material design指南，你就會(huì)知道它寫的有多詳細(xì)，它涉及的范圍有多廣。通讀過這部“指南”后，你會(huì)受益匪淺。指南中講述的課程，最出色的一點(diǎn)在于，它證明了我們有可能構(gòu)建復(fù)雜的視覺樣式設(shè)計(jì)規(guī)范。構(gòu)建這樣的設(shè)計(jì)規(guī)范并不容易，但對于復(fù)雜的Google產(chǎn)品陣列而言，這又是可能的。


如果你想要學(xué)習(xí)一些關(guān)于視覺設(shè)計(jì)的知識(shí)，你應(yīng)該仔細(xì)研讀一下material design中設(shè)計(jì)獨(dú)立視覺元素或組件的方法。指南中詳細(xì)講述了18個(gè)不同的設(shè)計(jì)元素，從按鈕到菜單（menus），再到頁簽（tabs）。那么，分析這些元素能學(xué)到什么呢？

評論(0) 瀏覽(4528)

關(guān)于響應(yīng)式布局

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

在談響應(yīng)式布局前，我們先梳理下網(wǎng)頁設(shè)計(jì)中整體頁面排版布局，常見的主要有如下幾種類型：
布局類型
布局實(shí)現(xiàn)
采用何種方式實(shí)現(xiàn)布局設(shè)計(jì)，也有不同的方式，這里基于頁面的實(shí)現(xiàn)單位而言，分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。

固定布局：以像素作為頁面的基本單位，不管設(shè)備屏幕及瀏覽器寬度，只設(shè)計(jì)一套尺寸；
可切換的固定布局：同樣以像素作為頁面單 ...

評論(0) 瀏覽(5459)

繼續(xù)反思！手機(jī)屏幕尺寸擴(kuò)展是如何影響用戶體驗(yàn)設(shè)計(jì)的

周周

phablets-ux-design-method-1

編者按：大屏手機(jī)已經(jīng)隨處可見了，可是操作的用戶體驗(yàn)并不如人意。發(fā)布會(huì)上的歌頌和叫囂并沒有解決所有問題，面對著優(yōu)化大屏手機(jī)的界面和體驗(yàn)，依然需要繼續(xù)反思……

評論(0) 瀏覽(3336)

高級技巧！有什么方法可以打造“觸動(dòng)人心的設(shè)計(jì)”？

周周

create-heartwarming-design-1

用戶體驗(yàn)設(shè)計(jì)的精髓，在于恰到好處的設(shè)計(jì)出最合適的用戶場景體驗(yàn)，而這種體驗(yàn)是不知不覺給予用戶同時(shí)能讓用戶在觸點(diǎn)的那個(gè)瞬間怦然心動(dòng)，那如何讓用戶心動(dòng)呢？阿里同學(xué)專門組建了一個(gè)團(tuán)隊(duì)來研究這方面，現(xiàn)在初步方法有了，來學(xué) >>>

古人云：“動(dòng)人心者，莫先乎情。”，同樣的我們從約翰.奈斯比特的語言中窺見：”無論何處都需要高補(bǔ)償?shù)那楦?，社?huì)中高技術(shù)的越多，我們就越渴望高情感的環(huán)境，用設(shè)計(jì)軟性的一面來平衡技術(shù)硬的一面。設(shè)計(jì)作為人的創(chuàng)造性活動(dòng)，不是摒除激情或者情感，而是要?jiǎng)?chuàng)造一種中性的、能容納和激起使用者情感的東西，這種東西是一種境界?！?

評論(0) 瀏覽(4086)

愛不釋手的側(cè)邊欄！網(wǎng)站導(dǎo)航應(yīng)該去一邊玩兒！

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

導(dǎo)航在網(wǎng)站設(shè)計(jì)中的重要性已經(jīng)毋庸置疑，但重要不意味著它必須高調(diào)，安靜與顯眼兼具的導(dǎo)航才最符合用戶的使用體驗(yàn)，而側(cè)邊導(dǎo)航恰巧同時(shí)滿足了這兩點(diǎn)。網(wǎng)站側(cè)邊導(dǎo)航的好壞與否很容易判斷，主要取決于它的大小、形式、色彩和排版。

一般來說，側(cè)邊導(dǎo)航的寬度尺寸控制在內(nèi)容部分寬度的三分之一左右;

評論(0) 瀏覽(3622)

給設(shè)計(jì)師的私人建議！7個(gè)細(xì)微但是有用的習(xí)慣

周周

@EDC尤原慶 ：今天想到一些，不一定細(xì)微，不一定有用。從設(shè)計(jì)師的角度，我提供一些自己認(rèn)為對自己有用的習(xí)慣。歡迎大家提供更多。 1，尊重同事 在公司環(huán)境，同事天天見到，無論是新同事還是老同事，無論是資深的領(lǐng)導(dǎo)、專家，還是新入職的畢業(yè)生，我們都要足夠尊重他們。 因?yàn)槊總€(gè)人都有各自的優(yōu)點(diǎn)，這些優(yōu)點(diǎn)是你在職業(yè)環(huán)境中能受益的隱形好處。如果能從同事群體中時(shí)刻接收優(yōu)點(diǎn)和靈感，無論對自己的職業(yè)還是生活，都會(huì)是一個(gè)極大的幫助。 而學(xué)習(xí)的起點(diǎn)，就是要足夠尊重。 如果因?yàn)橥虏恍捱叿?、胖（lol）、年輕、老、孤僻等任何因素去不尊重他們，是很蠢的行為。 世界本來就是風(fēng)景處處，生活有多精彩，取決于看風(fēng)景的人選擇的角度。

評論(0) 瀏覽(3440)

信息圖的誕生

藍(lán)藍(lán)設(shè)計(jì)的小編

很多設(shè)計(jì)師都對信息可視化、設(shè)計(jì)信息圖非常感興趣，在平時(shí)的作品中合理地加入一些可視化的元素，能瞬間提升設(shè)計(jì)質(zhì)感和強(qiáng)化主題，這里我想給大家扯扯信息圖設(shè)計(jì)的一些事，歡迎大家拍磚！

—————————————————————- 信息圖概要 —————————————————————-

什么是信息圖？

提及信息圖，不可避免要先講下時(shí)下熱門的議題：信息可視化(Information Visualization)。大家從字面上以及平時(shí)工作學(xué)習(xí)中應(yīng)該或多或少有了解，可以將它大致理解為：將復(fù)雜的信息通過圖形樣式清晰明了的傳達(dá)給讀者。信息可視化是一個(gè)跨學(xué)科的領(lǐng)域，其詳細(xì)深入的定義這里不做研討，本文主要針對其圖形化的產(chǎn)物信息圖進(jìn)行介紹。

可視化并不是什么全新的概念，生活中很多信息可視化例子：公共指示、統(tǒng)計(jì)圖、星級評分、五線譜…

評論(0) 瀏覽(4640)

全球最大職業(yè)社交網(wǎng)站LINKEDIN！用戶體驗(yàn)主管訪談

周周

驚鴻一瞥！LinkedIn用戶體驗(yàn)主管Moses Ting

這周，我們走進(jìn)Moses Ting，近距離接觸一下這位全球最大職業(yè)社交網(wǎng)站LinkedIn的UX設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)。

在LinkedIn這個(gè)團(tuán)隊(duì)里你扮演怎樣的角色，負(fù)責(zé)哪些工作？

我是LinkedIn移動(dòng)UX設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)，目前正參與LinkedIn安卓App的開發(fā)，也接觸了一些iOS的東西。

評論(0) 瀏覽(3532)

扁平化與字體設(shè)計(jì)

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

扁平設(shè)計(jì)的魅力在于極簡，極簡卻不能意味簡陋；相反的它必須展現(xiàn)極高的功能性。平面設(shè)計(jì)極簡，而又將功能性發(fā)揮，不會(huì)妨礙溝通，很大一部分有賴于字的編排。文字是最直接的表“意”媒介——不只有意義，還有意象 ...

評論(0) 瀏覽(5056)

日歷

鏈接

個(gè)人資料

存檔