首頁

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

資深UI設(shè)計者

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

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

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

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


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

資深UI設(shè)計者

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

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

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

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

資深UI設(shè)計者

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

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

資深UI設(shè)計者

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

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

藍藍設(shè)計的小編

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

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

2016年天貓雙11首波品牌海報出街,49張張張驚艷!

資深UI設(shè)計者

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

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

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

周周

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

我會談到以下5點:

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

閱讀時間大約5分鐘。

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

周周

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

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

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

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

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

藍藍設(shè)計的小編

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


賞。e46415431922154fe709895062c03164efe63d312a8fb-SITQ0Y_fw554.jpeg

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

周周

the-best-banner-design-1

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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.bouu.cn

存檔