首頁

總結(jié)了日式網(wǎng)站這4個(gè)優(yōu)點(diǎn)后,我能把中文網(wǎng)站做得高大上了!

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

本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運(yùn)用,幫你充分吸收日式網(wǎng)站的精華,讓中文網(wǎng)站的設(shè)計(jì)也變得高大上!

動效丨七何分析法幫你全面分析界面動效

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

什么是界面動效?大家對其的理解大致是,用戶界面上所有運(yùn)動的效果,也可以視其為界面設(shè)計(jì)(UI design)與動態(tài)設(shè)計(jì)(motion design)的交集。

真正優(yōu)秀的用戶界面會被無視,而糟糕的設(shè)計(jì)則迫使用戶注意界面

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

最后,優(yōu)秀的隱形設(shè)計(jì)還需要鼓舞用戶。當(dāng)界面脫離了用戶的操作步驟,直接將他們引向最終目標(biāo),用戶會集中精神在他們的目標(biāo)上。

界面應(yīng)當(dāng)通過數(shù)據(jù)和內(nèi)容的無縫切換,來鼓勵用戶與它建立良好的關(guān)系。用戶有時(shí)喜歡探索一個(gè)界面巧妙的產(chǎn)品,甚至玩得很開心。但更多時(shí)候,對他們而言不存在的界面更有鼓舞作用

2016年天貓雙11首波品牌海報(bào)出街,49張張張?bào)@艷!

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

日前,2016年天貓#雙11狂歡夜#晚會將于11月10日晚上8點(diǎn)在深圳大運(yùn)中心體育館舉辦的消息已經(jīng)宣布了,超級碗、奧斯卡、美國偶像的總導(dǎo)演David Hill將會擔(dān)任此次晚會總導(dǎo)演,感覺會是一場掀起驚濤駭浪的視聽盛宴。

狂歡將至,天貓首波品牌宣傳海報(bào)出爐——貓頭,作為天貓最具識別性的品牌資產(chǎn)之一,在海報(bào)設(shè)計(jì)上依舊玩得淋漓盡致。天貓聯(lián)合40多家國際品牌,打響今年雙十一的第一炮。(可保存看大圖)

2017年,這五條設(shè)計(jì)趨勢將驚艷整個(gè)設(shè)計(jì)圈

周周

Spell(高級產(chǎn)品設(shè)計(jì)@Salesforce):今年年初的時(shí)候,我寫了一篇關(guān)于2016年設(shè)計(jì)趨勢預(yù)測的文章。一方面為了記錄自己觀察到的一些現(xiàn)象,一方面讓自己養(yǎng)成每年總結(jié)的好習(xí)慣?;仡^一看,記錄下的點(diǎn)滴竟然逐一變成了現(xiàn)實(shí),不禁感覺非常幸運(yùn)。今天我來分享一下我自己對于2017年設(shè)計(jì)趨勢的觀察。

我會談到以下5點(diǎn):

  1. 微交互將會大量主導(dǎo)產(chǎn)品設(shè)計(jì)細(xì)節(jié)
  2. 平,卻不再那么平了,顏色,字體和質(zhì)感將成為設(shè)計(jì)師追捧的視覺利器
  3. The internet of everything真正崛起,將增加設(shè)計(jì)的復(fù)雜度
  4. 人的距離將會無限被拉近
  5. 觸覺聲音3D,我的五感都可以有交互

閱讀時(shí)間大約5分鐘。

這四種大膽前衛(wèi)的背景設(shè)計(jì)技巧,能讓你的設(shè)計(jì)脫穎而出

周周

在很長一段時(shí)間里面,網(wǎng)頁中的背景圖片元素,一直都生活在CSS、JS甚至視頻的陰影當(dāng)中,它的“參與感”并不強(qiáng)烈。不過隨著審美和用戶需求的逐步變化,背景圖片在網(wǎng)頁裝飾上,開始發(fā)揮著越來越重要的作用。

當(dāng)然,從總體上來看,變化并不明顯,但是在絕大多數(shù)的情況下,背景圖片開始作為主要的視覺驅(qū)動力而存在。

傳統(tǒng)意義上的背景主要是使用圖片,近幾年開始流行視頻背景了。而這些主要還是集中在網(wǎng)站的頁頭、Banner等位置,大多用來歡迎用戶,推薦內(nèi)容。許多網(wǎng)站都采取了相似的策略,讓用戶有所期待。

隨著動效的流行,現(xiàn)在越來越多的設(shè)計(jì)師開始試圖將CSS3、HTML5和JS等技術(shù)融入到背景設(shè)計(jì)中來,尋求全新的解決方案。事實(shí)上,現(xiàn)在已經(jīng)有四種不同類型的動態(tài)背景設(shè)計(jì)方案,它們風(fēng)格都非常符合時(shí)下流行的趨勢,且都具備不俗的發(fā)展?jié)摿?,今天我們聊聊這四種風(fēng)格前衛(wèi)大氣的背景設(shè)計(jì)。

工控類軟件界面設(shè)計(jì)欣賞之一

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

最近藍(lán)藍(lán)設(shè)計(jì)在進(jìn)行工控類的軟件界面設(shè)計(jì),我們也在搜集各方面的資料、國內(nèi)外的界面設(shè)計(jì)欣賞。一般來講,工控類軟件以操作、工具為主、注重嚴(yán)謹(jǐn)、穩(wěn)重、易用性、邏輯的清晰,其次是美觀。


賞。e46415431922154fe709895062c03164efe63d312a8fb-SITQ0Y_fw554.jpeg

揭秘雙十一!那些上億人都在看的BANNER都是怎么設(shè)計(jì)出來的?

周周

the-best-banner-design-1

每到一年一度的大促季,會場、頁面、互動游戲,都在緊張?jiān)O(shè)計(jì)之中,這些精美的頁面和互動游戲,如何與用戶產(chǎn)生聯(lián)系?必然需要一條與用戶連接的紐帶 —— 它就是BANNER。有些人可能認(rèn)為資源位的設(shè)計(jì)相對簡單,但其實(shí)不然,小小的資源位承載著重大的使命,設(shè)計(jì)上自然也是下了一番功夫,那這一次的雙11我們是怎么做的?請聽我細(xì)細(xì)道來…..

曦村:在設(shè)計(jì)前期,做大致規(guī)劃,是很有必要的,在大促中雖然會有很多變化,但,做規(guī)劃會幫助我們在大方向上不出錯(cuò),這次,從了解業(yè)務(wù)背景及節(jié)奏 – 前期風(fēng)格創(chuàng)意設(shè)定 – 突出品牌增強(qiáng)識別度 – 制定規(guī)范提升效率等幾個(gè)方面去做,有了這個(gè)框架,這一次的設(shè)計(jì)過程還是相當(dāng)絲滑滴!那具體是怎么做的呢?

14個(gè)沉穩(wěn)藍(lán)色pad軟件界面設(shè)計(jì)欣賞

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

每當(dāng)要設(shè)計(jì)一個(gè)軟件界面的時(shí)候,設(shè)計(jì)師收集資料是必然的過程。最近北京藍(lán)藍(lán)設(shè)計(jì)要一個(gè)沉穩(wěn)嚴(yán)謹(jǐn)?shù)膒ad端軟件界面。

于是國內(nèi)外網(wǎng)站找了許多資料,集合一起,與大家分享!

1

Preview.jpg

超實(shí)用的格式塔原理小科普

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

整體的統(tǒng)一感知:大腦會將復(fù)雜的視覺內(nèi)容簡化為容易理解的整體,如圖所示;

23gst20151101

日歷

鏈接

個(gè)人資料

存檔