首頁(yè)

2015年熱門(mén)趨勢(shì)!初探信息可視化的流程+方法

周周

2015-trends-information-visualization-process-2-1

@劉津legene :上篇文章講了信息可視化的標(biāo)準(zhǔn),這篇來(lái)說(shuō)明一下我在最近項(xiàng)目中設(shè)計(jì)信息可視化作品的過(guò)程,實(shí)戰(zhàn)好文一篇,附有通用流程,非常值得收藏的干貨 >>>

通俗易懂!超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南

周周

mobile-ui-measurement-guideline-1

@十萬(wàn)個(gè)為什麼 :初涉移動(dòng)端設(shè)計(jì)和開(kāi)發(fā)的同學(xué)們,基本都會(huì)在尺寸問(wèn)題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長(zhǎng)時(shí)間才弄明白,感覺(jué)有必要寫(xiě)一篇足夠通俗易懂的教程來(lái)幫助大家。從原理說(shuō)起,理清關(guān)于尺寸的所有細(xì)節(jié)。由于是寫(xiě)給初學(xué)者的,所以不要嫌我啰嗦 >>>

帶你去冒險(xiǎn)!20個(gè)炫酷好玩兒的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)

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

20-attractive-navigations-websites-1

簡(jiǎn)單有效的導(dǎo)航欄設(shè)計(jì)能夠極大的提高用戶體驗(yàn),不僅能讓用戶更快找到他們想要的內(nèi)容,還能適當(dāng)分擔(dān)搜索引擎的壓力。常見(jiàn)的導(dǎo)航設(shè)計(jì)我想大家都已經(jīng)非常熟悉了,今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開(kāi)創(chuàng)性的導(dǎo)航欄設(shè)計(jì)方案,這些優(yōu)秀的設(shè)計(jì)非常引人注目,令人難忘。這些網(wǎng)站的導(dǎo)航欄設(shè)計(jì),比起傳統(tǒng)的導(dǎo)航會(huì)相對(duì)更復(fù)雜一些,但是絕對(duì)會(huì)令你眼界大開(kāi)。

騰訊設(shè)計(jì)案例!設(shè)計(jì)產(chǎn)品化的微型實(shí)踐經(jīng)驗(yàn)

周周

user-education-products-1

編者按:今天這個(gè)案例是騰訊企業(yè)QQ的設(shè)計(jì)實(shí)戰(zhàn)過(guò)程,設(shè)計(jì)師來(lái)聊聊如何以形象內(nèi)容設(shè)計(jì)為手段,通過(guò)產(chǎn)品化的嘗試來(lái)實(shí)現(xiàn)設(shè)計(jì)效用的最大化,全文干貨,學(xué)習(xí)戳 >>>

動(dòng)效設(shè)計(jì)的物理法則

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

動(dòng)效作為當(dāng)今提升網(wǎng)頁(yè)感官效果的利器,在各種類(lèi)型的網(wǎng)頁(yè)中已經(jīng)全面開(kāi)花,如何做到自然流暢讓用戶感覺(jué)舒適的動(dòng)畫(huà)效果呢?今天就來(lái)跟大家聊一聊動(dòng)效設(shè)計(jì)的物理法則,以及它是如何應(yīng)用的。

首先來(lái)一發(fā)大師金句,迪士尼動(dòng)畫(huà)大師格里穆·乃特維克曾經(jīng)說(shuō)過(guò): 1

移動(dòng)產(chǎn)品的典型設(shè)計(jì)思路總結(jié)

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

1、終端設(shè)備

傳統(tǒng)互聯(lián)網(wǎng):主要的接入終端是計(jì)算機(jī)。計(jì)算機(jī)是高度標(biāo)準(zhǔn)化的設(shè)備,無(wú)論是Mac陣營(yíng),還是PC陣營(yíng)(其他的架構(gòu)不討論了)。具體體現(xiàn)在:

  • 絕大部分個(gè)人計(jì)算機(jī)使用的硬件是標(biāo)準(zhǔn)化的,并且功能強(qiáng)大多樣
  • 絕大部分屏幕的分辨率在1024px及以上,尺寸較大
  • 軟件終端比較統(tǒng)一,都是瀏覽器(暫時(shí)不考慮客戶端產(chǎn)品),并且由于Web標(biāo)準(zhǔn)的存在,不同的瀏覽器(或者說(shuō)不同的內(nèi)核)對(duì)于前端的解析相差不大
  • 技術(shù)標(biāo)準(zhǔn)相對(duì)統(tǒng)一,比如用HTML寫(xiě)結(jié)構(gòu);用CSS寫(xiě)表現(xiàn);用JS寫(xiě)前端行為;用PHP、JSP等寫(xiě)后端;用MYSQL等管理數(shù)據(jù)庫(kù)等。做出來(lái)的東西基本上認(rèn)為是跨平臺(tái)的

超贊!跨終端體驗(yàn)設(shè)計(jì)有哪些繞不開(kāi)的用戶檻兒?

周周

multi-platform-ux-design-1

隨著平板電腦的普及,越來(lái)越多的手機(jī)端APP將自己的應(yīng)用拓展到Pad端,來(lái)為用戶提供更豐富的多終端體驗(yàn)。此前一些設(shè)計(jì)師從視覺(jué)設(shè)計(jì)的角度探討了多終端產(chǎn)品的設(shè)計(jì),作為一枚用研,除了視覺(jué)體驗(yàn),我們會(huì)更多地去關(guān)注用戶的功能使用體驗(yàn) >>>

微軟雅黑字體設(shè)計(jì)分析

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

點(diǎn)擊在新窗口中瀏覽此圖片

一.雅黑設(shè)計(jì)理念

雅黑字體是為微軟公司設(shè)計(jì)的屏幕顯示漢字。它具有個(gè)性獨(dú)特、結(jié)體優(yōu)美、識(shí)別性強(qiáng)、塊狀效果好、顯示清晰等優(yōu)點(diǎn)。在當(dāng)今數(shù)字化時(shí)代更是用途廣泛。這副字可以說(shuō)是科技進(jìn)步的產(chǎn)物,是人類(lèi)社會(huì)的需要,在設(shè)計(jì)上也有所突破。

首先打破傳統(tǒng)結(jié)體方式,采用大字面設(shè)計(jì),字懷放開(kāi),增大內(nèi)白,使文字方正,布白勻稱。由于字體中宮放開(kāi),使文字的適用性也隨之增強(qiáng),不但適合小級(jí)數(shù)文字的使用,更適合屏幕顯示。

在筆型塑造上去除“喇叭頭”。為防止文字筆劃缺乏美感、沒(méi)有精神,在撇、捺、點(diǎn)、勾的處理上使其粗細(xì)有略微的變化,使之富有彈性。

日歷

鏈接

個(gè)人資料

存檔