最新大地资源网在线观看免费_免费大地资源中文第二页在线观看_大地 ,久久精品黄色网络_日韩黄色三级中文字幕_中文字幕免费乱伦视频_午夜小电影亚洲天

首頁

網(wǎng)頁與APP中那些優(yōu)美的登陸表單

藍藍設(shè)計的小編

藍藍設(shè)計從Dribbble收集了20個漂亮的ui設(shè)計登陸表單設(shè)計 案例和ipad界面設(shè)計案例。希望你看后能從中受益,并對你以后的登陸表單設(shè)計有幫助。設(shè)計一個登陸表單看上去非常容易,但大多設(shè)計都很糟糕、毫無亮點。無論如何,這篇Dribbble案例集錦絕對走的是另一個極端。希望它們能贏得你的青睞!為用戶提供更好的ui設(shè)計服務(wù)來一起欣賞吧:)

相關(guān)資源推薦:
《5款精美搜索框PSD免費下載》
《65個免費新鮮的下拉選擇框PSD下載》

網(wǎng)站與APP中的登陸表單

Login Form

繼承了iOS7的精髓,這件登陸界面作品將iOS7微妙的動畫背景上升到一個新的層面。此處的背景完全是一張動畫圖片——甚至可能是GIF。盡管這背景事實上沒有那么精致,但這一定是你平時不常見的設(shè)計。你幾乎很難見到這樣的APP,還有如此賣弄的首屏設(shè)計。


移動設(shè)備上的勸導(dǎo)式設(shè)計

藍藍設(shè)計的小編

譯者序
本文圍繞勸導(dǎo)式設(shè)計(persuasive design)而展開,介紹了移動終端上banner廣告、push信息等典型的勸服失敗案例,并從用戶與移動設(shè)備之間的情感聯(lián)系出發(fā),探討了移動勸導(dǎo)策略的幾個切入點。所謂勸導(dǎo)式設(shè)計,是指通過說服和社會影響,而非通過強制的方式,以達到改變和引導(dǎo)用戶態(tài)度或行為的技術(shù)。這種技術(shù)常被應(yīng)用于銷售、外交、政治、宗教、軍事訓(xùn)練、公共衛(wèi)生和管理等領(lǐng)域。近年來,大多數(shù)勸導(dǎo)式技術(shù)的研究主要集中在計算機交互領(lǐng)域,包括臺式電腦、互聯(lián)網(wǎng)服務(wù)、視屏游戲和移動設(shè)備。勸導(dǎo)技術(shù)可以看成是對用戶意圖的設(shè)計。

作者: Amber Krishan 譯者:曉千 秦封
譯文

 

【Tips:消費者不會僅僅因為導(dǎo)航很容易而為你的產(chǎn)品買單?!?/p>

為移動設(shè)備而設(shè)計時,設(shè)計師要考慮移動設(shè)備間的差異,努力提供統(tǒng)一的體驗。他們致力于減少點擊的次數(shù),使架構(gòu)更扁平;并根據(jù)觸摸屏的特點而設(shè)計, 在較小屏上規(guī)劃合理的布局等。這些重點都在通過方便的使用、流暢的導(dǎo)航和簡潔的呈現(xiàn),來確保的最佳的產(chǎn)品可用性。

為確保你的用戶“可以做”你想讓他們做的事情,較高的可用性是一個很好的開始。但它并不能保證用戶“會來做”這些事情。因為,用戶不會僅僅因為導(dǎo)航容易使用而來買你的產(chǎn)品。

音樂App的概念化界面設(shè)計欣賞

藍藍設(shè)計的小編

我們對音樂的渴求,一刻都不曾減少?,F(xiàn)在無論上班途中、休息還是工作,我們總習慣先享受一下聽覺的盛宴。毫不夸張地說,音樂已成為了我們生活的一部分。

有很多熱情澎湃的設(shè)計師也在努力地為音樂的移動端界面創(chuàng)造一個富有創(chuàng)意的,吸引人的精致界面設(shè)計。比如這一系列,它們中既有仿古的設(shè)計風格,也有現(xiàn)代簡約優(yōu)雅的。你會欣賞到厚重感十足的黑膠唱機,可能也會驚嘆于用色大膽的視覺沖擊風格。

希望今天的作品能帶給各位設(shè)計師們靈感!盡情享用吧:)

 

1. Music App UI (iPhone) by Piotr Kwiatkowski

50套用戶體驗極佳的移動UI賞析

藍藍設(shè)計的小編

QQ截圖20131103211639

UI(用戶界面)與UX(用戶體驗)是密切聯(lián)系的,優(yōu)秀的UI界面首先就能從視覺上給用戶極好的體驗,今天我們從Drrible和Behance上挑選了50套用戶體驗超棒的UI界面,包括了睡眠APP、天氣APP等等,還有對Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計,都非常棒呦!如果你正在設(shè)計UI界面,那么可得好好借鑒學(xué)習一下,希望能給你帶來靈感 : )


40個的創(chuàng)意進度條設(shè)計

藍藍設(shè)計的小編

以前的進度條設(shè)計以擬物化為主,現(xiàn)在扁平化風格流行,連進度條也改變咯。藍藍設(shè)計推薦您看看40款收集的進度條設(shè)計,很多是Dribble上的作品,應(yīng)潮流而生,想瞧瞧扁平化風格的進度條是怎樣的,就來看看吧。如果你對擬物化的創(chuàng)意進度條更加有興趣,那么來這里瞧瞧《18個讀取進度條的優(yōu)秀設(shè)計案例》

Loading 也是一門學(xué)問,如何讓用戶等待加載時不煩還高興,藍藍設(shè)計推薦您可以看看這篇:《談?wù)劶虞d(LOADING)的那點事》,絕對從細節(jié)處提升用戶體驗 ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

界面設(shè)計中需要注意的小細節(jié)

藍藍設(shè)計的小編

界面設(shè)計中的小細節(jié)

界面設(shè)計包括哪些細節(jié)、如何深入?
我們常說“細節(jié)決定成敗”,有些界面會讓人覺得不精致,缺細節(jié),而這些細節(jié)又包括哪些呢?如何去深入呢?

不妨來看本文作者,百度用戶界面設(shè)計師@JJ-Ying 為您娓娓道來:

  • 界面元素的對齊,我見過很多同學(xué)對齊是永遠靠眼睛的。確實在布局的時候經(jīng)常需要做到視覺上的對齊,而不是機械的對齊,但這不是界面元素可以隨意擺放的借口,該對齊的內(nèi)容需要對齊,有時候只是舉手之勞,養(yǎng)成好習慣很重要,有點強迫癥也不是壞事情。
  • 像素,雖然現(xiàn)在的分辨率越來越高,但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。
  • 界面光源的一致性,一致性是個很大的課題,應(yīng)該能寫一篇論文那么長,細節(jié)方面的一致性應(yīng)該包括界面元素、文字陰影、圖標等的光源。假設(shè)深色的標題文字用了向下的淡色投影表現(xiàn)內(nèi)凹效果,那正文就應(yīng)該避免用深色的文字向上投深色的陰影
  • 圖標面積的一致性,這也是一個一直難以避免的問題,而且有很多主觀成分,最好的方法是設(shè)計的時候放到實際屏幕上以較遠的距離查看,是不是有哪些會特別輕或特別重,然后再去調(diào)整尺寸
  • 文案,雖然這不是直接的界面設(shè)計元素,但是嚴謹、完整的文案也是給所有設(shè)計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等
  • 別直接使用 Windows 自帶宋體 / 黑體里的英文?。?!這個不解釋
  • 謹慎地使用高飽和度顏色、大差別漸變,我們 GUI 設(shè)計師總喜歡把自己當做藝術(shù)家,即使 GUI 真算藝術(shù)那也是限制最大的一門藝術(shù)(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設(shè)計場景沒有非常大的顏色空間去發(fā)揮,所以一些醒目出跳的顏 色和漸變使用起來要比較小心,否則很容易產(chǎn)生“俗氣”的感覺

推薦:扁平化界面風格的設(shè)計

藍藍設(shè)計的小編

http://uisdc.qiniudn.com/wp-content/uploads/2013/04/pp.jpg

什么是扁平化設(shè)計

簡單的說就是拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果,使用一些簡單的純色塊,從而打造出一種看上去更“平”的界面設(shè)計。扁平風格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來,減少認知障礙的產(chǎn)生。

下面是列舉一些國外網(wǎng)站的例子:

Squarespace

新版的Squarespace幾乎完全采用了扁平化的視覺風格,只在一些細節(jié)當中使用了相對傳統(tǒng)的方式突出了重要的交互元素。試用一下你就會發(fā)現(xiàn),其實他們的產(chǎn)品在功能邏輯上還是蠻復(fù)雜的,但這一切都隱含在簡約直白的界面背后,你真的可以從中隱約感受到其設(shè)計團隊付出的心血。

Facebook

Facebook是扁平化界面設(shè)計的絕佳案例。除了幾個主要的動作按鈕當中使用了輕微的斜面效果以外,其他界面元素全部采用扁平風格。鑒于他們多年來在這方面一直保持著這樣的特色,至少我們可以說這種設(shè)計風格對于Facebook來說是完全適用的。

 

35套扁平化風格網(wǎng)頁設(shè)計UI組件和圖標

藍藍設(shè)計的小編

扁平化設(shè)計是指舍棄漸變、陰影、高光等擬物化的視覺效果,從而打造出一種看上去更加平面的界面設(shè)計風格。扁平化的網(wǎng)頁設(shè)計更適合用于需要同時支持多種屏幕尺寸的響應(yīng)式設(shè)計技術(shù)中。今天,我給大家?guī)?5套用于扁平化設(shè)計圖標設(shè)計網(wǎng)頁設(shè)計元素,記得分享和推薦?。?/p>

Flat Free UI Kit

Flat Icons and Web Elements for UI Design-26

我要下載

Apple devices – Flat icons (PSD)

Flat Icons and Web Elements for UI Design-1

我要下載

Mobile Flagships with PSD

Flat Icons and Web Elements for UI Design-2

元旦干貨:50套高品質(zhì)UI組件包下載

藍藍設(shè)計的小編

本帖收集了50套設(shè)計精美,并可設(shè)計師自行編輯的界面PSD源文件。內(nèi)容大致包含banner切換,MP3/視頻播放器,日歷,表單(登錄,注冊,搜索…),進度條,提示框,按鈕,導(dǎo)航,面包屑等等…不管是應(yīng)用在小需求還是大項目,相信都可為你帶來幫助。

 

Simple UI Elements

Simple UI Elements

 

Apple Styled UI Elements

Apple Styled UI Elements

 

Grayness UI Kit

Grayness UI Kit

 

實用!25個小清新定價界面設(shè)計

藍藍設(shè)計的小編

一個干貨推薦啦:25個定價界面網(wǎng)頁欣賞!沒錯!你沒有看錯,足足25個哦!???你問我有木有酬勞,呃!藍藍設(shè)計說是要給,但我肯定不會要的,雖然很想要,呃,出來混,后來還是木有要。。。)

價格界面是網(wǎng)頁中常見的,但容易被忽視的一個部分。想想看,你什么時候見過這些界面呢?本工第一反應(yīng)就是迅雷、QQ之類的會員充值界面。這種不是經(jīng)常可以看見,但是又具有明確目的性的界面,如何讓它和主題頁面匹配、同時又突出重點信息呢?這是個問題!今天就讓我們欣賞25個外國網(wǎng)站的定價界面,從中學(xué)習經(jīng)驗吧;)

1. Freshdesk

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.wnxcall.com

存檔