首頁

這10個(gè)思路,能幫你設(shè)計(jì)出簡單易用的網(wǎng)頁

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

編者按:極簡主義的流行讓越來越多的網(wǎng)頁設(shè)計(jì)師開始著迷簡單、簡約的網(wǎng)頁設(shè)計(jì),CARRIE COUSINS 的這篇文章就幫你搞定這個(gè)問題~

坦率的講,在網(wǎng)頁設(shè)計(jì)這件事情上,簡單的設(shè)計(jì)往往更好。一個(gè)簡單易用的界面更容易為用戶所掌握,也更容易將一個(gè)新用戶轉(zhuǎn)化為一個(gè)活躍用戶。

面對龐雜的需求,許多設(shè)計(jì)師總會(huì)身不由己地向著復(fù)雜的方向來設(shè)計(jì)網(wǎng)頁,那么到底要如何將一個(gè)已經(jīng)比較復(fù)雜的網(wǎng)站簡化下來呢?其實(shí)思路并不復(fù)雜,訣竅在于根據(jù)用戶目標(biāo),重新審視整個(gè)路徑,將妨礙用戶達(dá)成目標(biāo)的障礙都清除掉。

而今天我們要聊的10個(gè)簡化技巧都是圍繞著這個(gè)思路來推進(jìn)的。無論你是正在設(shè)計(jì)一個(gè)全新的網(wǎng)站,還是針對現(xiàn)有的網(wǎng)站進(jìn)行簡化,這10個(gè)簡化技巧都非常值得嘗試。


掌握這9個(gè)設(shè)計(jì)原則,快速提高用戶登錄的體驗(yàn)

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

處理用戶驗(yàn)證通常是事后諸葛亮,我們總指望它有用,但很少深入思考它。它應(yīng)該足夠簡單,但事實(shí)是,無論對于用戶還是運(yùn)營產(chǎn)品的公司,都像是在自找麻煩。登錄失敗、忘記密碼和冗長的交互。

登錄界面是你的應(yīng)用中最常展示的界面之一。客觀地說,75%的人都在登錄時(shí)重置過密碼,廢棄了之前的密碼。在企業(yè)內(nèi)網(wǎng)登錄中,忘記密碼是幫助臺(tái)每天處理的頭號(hào)問題。通過清晰的表述和設(shè)計(jì)良好的流程,能極大的減少這些問題的數(shù)量。

要提升用戶驗(yàn)證的體驗(yàn),降低服務(wù)成本,增加轉(zhuǎn)化率,有幾件事情要好好考慮。

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

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

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

動(dòng)效丨七何分析法幫你全面分析界面動(dòng)效

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

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

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

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

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

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

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

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

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

狂歡將至,天貓首波品牌宣傳海報(bào)出爐——貓頭,作為天貓最具識(shí)別性的品牌資產(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ì)趨勢的觀察。

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

  1. 微交互將會(huì)大量主導(dǎo)產(chǎn)品設(shè)計(jì)細(xì)節(jié)
  2. 平,卻不再那么平了,顏色,字體和質(zhì)感將成為設(shè)計(jì)師追捧的視覺利器
  3. The internet of everything真正崛起,將增加設(shè)計(jì)的復(fù)雜度
  4. 人的距離將會(huì)無限被拉近
  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ū)動(dòng)力而存在。

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

隨著動(dòng)效的流行,現(xiàn)在越來越多的設(shè)計(jì)師開始試圖將CSS3、HTML5和JS等技術(shù)融入到背景設(shè)計(jì)中來,尋求全新的解決方案。事實(shí)上,現(xiàn)在已經(jīng)有四種不同類型的動(dò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

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

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

日歷

鏈接

個(gè)人資料

存檔