首頁

設(shè)計(jì)之路,網(wǎng)頁設(shè)計(jì)師應(yīng)該知道的心理學(xué)

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

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對人類心理的推敲,我們討論人社會(huì)心理,這能夠幫助創(chuàng)業(yè)公司開拓市場,因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問題的關(guān)鍵是,很多心理學(xué)對于網(wǎng)站ui設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運(yùn)作。今天,藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對網(wǎng)站設(shè)計(jì)非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究,我們能夠洞察人們處理多重選擇時(shí)的心理變化?!斑x擇就是放棄”,Iyengar教授,《選擇的藝術(shù)》的作者這樣總結(jié)說。 社會(huì)心理學(xué)發(fā)現(xiàn),當(dāng)人們面多過多選擇的時(shí)候,他們的表現(xiàn)非常相似:他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中:

太多需要用戶去點(diǎn)擊的東西,會(huì)讓人覺得混亂。就拿我自己的網(wǎng)站來說,當(dāng)我把兩側(cè)的工具欄撤掉一半之后,注冊的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的,關(guān)注集中一點(diǎn),刪掉無關(guān)緊要的點(diǎn)綴和內(nèi)容,直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容,這樣你的用戶才愿意呆在這里。

2.網(wǎng)站訪問者讀寬屏文字更快,但他們喜歡短屏文字。

聽起來有些矛盾對么?根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”,這一實(shí)驗(yàn),人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋砀娣恍?,可讀性更高。因?yàn)閯傞_始閱讀,讀 者對文章的內(nèi)容是不了解的,當(dāng)他們讀了幾行之后,他們可能會(huì)愿意讀些寬屏的文字,因?yàn)樗麄兡茏x得更快。

你的APP該變身了!IOS7設(shè)計(jì)指南

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

蘋果的新iOS我們已經(jīng)上手好幾周了,準(zhǔn)備好為它而設(shè)計(jì)嗎?

如果你已經(jīng)有一個(gè)運(yùn)行于此平臺的App設(shè)計(jì),你可能打算為新iOS而設(shè)計(jì),或者在舊版上做一些必要調(diào)整,不論哪種,你都希望為新界面而界面設(shè)計(jì),確保你的App與用戶在蘋果設(shè)備上的體驗(yàn)相吻合。
那么如何做到這點(diǎn)?

扁平,更加扁平

ios7

導(dǎo)航設(shè)計(jì)趨勢!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

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

不知不覺的,很多網(wǎng)頁設(shè)計(jì)中采用了圖標(biāo)式導(dǎo)航(Navigation)——一般使用三道杠作為圖標(biāo),用以導(dǎo)航界面設(shè)計(jì)。
這種導(dǎo)航的好處是節(jié)省空間,讓界面更簡潔。

圖標(biāo)式導(dǎo)航的案例

這是YouTube的圖標(biāo)式導(dǎo)航(移動(dòng)版):

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

提高網(wǎng)站可用性的經(jīng)驗(yàn)指南

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

我想每個(gè)人都會(huì)贊成,網(wǎng)站設(shè)計(jì)的可用性是它能否受歡迎的一個(gè)重要方面,無論你進(jìn)行的是公司網(wǎng)站、在線商店還是其他,讓你的界面變得容易操控,使用時(shí)令人舒服是關(guān)鍵,近幾年已經(jīng)有很多針對網(wǎng)站界面設(shè)計(jì)優(yōu)化的研究,而且這些研究的成果對于提高網(wǎng)站可用性是非常有價(jià)值的?,F(xiàn)在這里有10個(gè)超實(shí)用的經(jīng)驗(yàn)分享,相信藍(lán)藍(lán)設(shè)計(jì),這些建議會(huì)極大地提高你那個(gè)網(wǎng)站的用戶體驗(yàn),讓用戶愛上你的網(wǎng)站界面設(shè)計(jì)! 

一、善用人物配圖,使用戶專注于你想呈現(xiàn)的

當(dāng)進(jìn)入你的網(wǎng)站,我們會(huì)本能地關(guān)注網(wǎng)站上人物圖片中的臉和眼睛,這倒是為我們提供了一個(gè)想法,是不是可以用人物配圖吸引小伙伴的注意力呢?當(dāng)然,但這僅是第一步,我們還可以這樣做,你瞧,是不是大不相同!(見下圖)

這是第一步:

20090316 dmwcj8wqr8egihdihssm4xm517 You look where they look

不能落伍!2014年網(wǎng)頁設(shè)計(jì)趨勢預(yù)測

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

年尾總結(jié)年初預(yù)測已經(jīng)成為了多數(shù)人的習(xí)慣。2013年很多人以為世界真的會(huì)末日,我們真的看不到2014年的日出,但是事情并沒有發(fā)生, 我們順利的活到了2014年,那么今年的網(wǎng)頁設(shè)計(jì)領(lǐng)域又有什么新的發(fā)展呢?是延續(xù)經(jīng)典還是推陳出新?通過大師的預(yù)測,我們發(fā)現(xiàn)了一些蛛絲馬跡,那么今天藍(lán)藍(lán)設(shè)計(jì)就來給大家分享一下這些寶貴的信息!如果你有什么想法記得在下方的評論里告訴我們呦~

01. 先進(jìn)的雜志式布局

來看看2014年網(wǎng)頁設(shè)計(jì)趨勢預(yù)測

對于設(shè)計(jì)師,堅(jiān)持是什么?

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

藍(lán)藍(lán)很喜歡這篇文章!道理都懂,文章寫的精致,例子找的也讓人信服。



  曾經(jīng)臺灣有本書《改變?nèi)松某掷m(xù)術(shù)》,書中的核心是持續(xù)良好的行動(dòng)亦將此行動(dòng)化為習(xí)慣,就能改變?nèi)松_@些大白話,相信很多人都知道。下面是其中俞敏洪一段話。

  要做一滴水,每一條河流都有它不同的路徑,都有它不同的過程,但是它會(huì)想盡一切辦法達(dá)到它的目標(biāo)–大海。黃河九曲十八彎,那時(shí)因?yàn)樗@過重重阻礙流向大海!也許在路上會(huì)經(jīng)過大山當(dāng)?shù)?,?huì)有懸崖當(dāng)?shù)?,哪怕從懸崖上掉下在摔得粉身碎骨,它也?huì)想盡一切辦法再重新匯聚起來,流向大海。我們不能作泥沙,泥沙會(huì)在隨水流動(dòng)的過程中,沉在河底,慢慢消逝,而唯有水才會(huì)不顧一切的無論如何的奔向那只屬于大海的最偉大最美麗的蔚藍(lán)色!

  這些其實(shí)都是扯蛋的引言,其實(shí)可以直接忽略。相信大多數(shù)我覺得這是偽勵(lì)志的話語。道理誰不知道,都是成年人。應(yīng)該都完全具有自己獨(dú)立的思考能力。

持續(xù)與重復(fù)勞動(dòng)?

  在任何勵(lì)志話語面前,做為具有獨(dú)立思考的個(gè)體。首先要明白話語中說的東西有什么用。而不是因?yàn)樗ㄋ┦敲说拿つ砍绨荨?/p>

  當(dāng)然持續(xù)不意味著不思進(jìn)取的重復(fù)勞動(dòng),兩者是有本質(zhì)的區(qū)別。

同樣做界面設(shè)計(jì)

A君——界面設(shè)計(jì)——關(guān)注一像素變化——用戶心理——市場反映——反饋修正

 ?。ㄏM看蔚脑O(shè)計(jì)都能思考深一點(diǎn),也不期望有質(zhì)的飛躍。就是比上一次想的多點(diǎn))

B君——界面設(shè)計(jì)——界面設(shè)計(jì)——界面設(shè)計(jì)

 ?。ɑ罡赏晖晔拢薏坏脤⒁粋€(gè)成功案例不斷復(fù)制到不同的項(xiàng)目)

2014年界面設(shè)計(jì)的14個(gè)趨勢

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

  時(shí)光飛逝,轉(zhuǎn)眼到了2014年,那么在2014年界面設(shè)計(jì)將會(huì)有怎樣的發(fā)展與變革呢?我試圖預(yù)測一下。交互/界面設(shè)計(jì)伴隨移動(dòng)互聯(lián)網(wǎng)一直保持著告訴的發(fā)展,每一年,都有新的東西出現(xiàn),真令人振奮。


1.應(yīng)用主題化

一個(gè)好的經(jīng)理人應(yīng)該具備的三項(xiàng)基本能力

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

藍(lán)藍(lán)轉(zhuǎn)自天涯,學(xué)習(xí)!

在幾年的經(jīng)營管理工作中,無形苦惱過、思考過、創(chuàng)新過、實(shí)踐過、失敗過、成功過,最后總結(jié)出了一個(gè)好的經(jīng)理人應(yīng)該具備的一些基本素質(zhì)?;旧峡梢钥偨Y(jié)為三個(gè)方面:

  

  第一:容人之量。

   一個(gè)經(jīng)理人,能否很好的做到容人,是他成功的第一要素。所謂“海納百川,有容乃大”,經(jīng)理人要做的工作都是需要發(fā)動(dòng)別人去完成,這樣就必須能夠吸引一批人以他為中心工作。而能否吸引到這批人,切讓他們心甘情愿的為其工作,最重要的就是經(jīng)理人的容人之量。這個(gè)容人之量包含幾種情況:

   一是能夠容忍不同性格一起共事。每個(gè)人的性格是最難改變的,經(jīng)理人不能以自身性格來作好惡標(biāo)準(zhǔn),而必須能跟完全與自己稟性迥異的人很好的相處、共事。做到這一點(diǎn)其實(shí)很難的,因?yàn)樾愿窕コ獾娜说谝幻嫱拖嗷シ锤小?/span>

   二是能夠容忍別人的不出色包括錯(cuò)誤。一個(gè)經(jīng)理人要明白,他作為經(jīng)理人天生的職責(zé)就是讓別人做的更出色,而不是要求別人原本就出色。員工素質(zhì)比他低是最正常的現(xiàn)象,經(jīng)理人不應(yīng)該一天到晚報(bào)怨員工素質(zhì)太低,沒有可用之人。如果人人都出色,就不需要經(jīng)理人了。

   三是能夠采取善意取向。不少經(jīng)理人有印象病,看好一個(gè)人,就覺得這個(gè)做的任何事都是對的;看不好一個(gè)人就感覺他什么也做不好,甚至做事的出發(fā)點(diǎn)都不好。首先就給人戴上了帽子,這樣的經(jīng)理人又如何鼓勵(lì)員工呢。

  

  第二:愿景解釋力

   一個(gè)企業(yè)內(nèi)大大小小的團(tuán)隊(duì),都是在為一個(gè)既定的目標(biāo)奮斗。而如何讓員工從心里明晰這個(gè)目標(biāo),認(rèn)可這個(gè)目標(biāo),就是經(jīng)理人的重任。很多企業(yè)強(qiáng)調(diào)執(zhí)行,所謂理解要執(zhí)行,不理解也要執(zhí)行。這實(shí)在是為經(jīng)理人的無能找借口。如果員工不理解目標(biāo),那就是經(jīng)理人責(zé)任沒到位。員工是人,不是蒙上眼拉磨的驢子,不能靠打罵讓他前行。大到老總解釋戰(zhàn)略,小到中層解釋戰(zhàn)術(shù),都是需要一種解釋力的。好的職業(yè)經(jīng)理人能夠?qū)⒃妇懊枥L的栩栩如生,讓員工熱血沸騰的投入戰(zhàn)斗;差勁兒的經(jīng)理人就只會(huì)強(qiáng)迫員工接受。而要做到好的愿景解釋力,經(jīng)理人需要下很多苦功夫,包括讓員工信賴自己,條理清晰、邏輯推理地講解目標(biāo)等等。管理切忌簡單粗暴,經(jīng)理人寧可在愿景解釋上多下功夫,也不要讓員工自己沒弄明白的情況下帶者疑惑去執(zhí)行。

  

  第三:精神感召力

   很多經(jīng)理人感覺員工難管,不聽自己的,表面一套背后一套。這多半是因?yàn)榻?jīng)理人缺乏一種精神感召力。一個(gè)好的經(jīng)理人,是充滿人格魅力的,他的一舉一動(dòng),都會(huì)成為員工模仿的對象。他的存在,在組織中就是一種精神力量,大家覺得跟著他干踏實(shí),對照經(jīng)理的作為,員工也會(huì)為自己的偷懶而羞愧。做到這一步,經(jīng)理人就不再需要總是監(jiān)督員工工作了。但這一步的達(dá)到,卻需要經(jīng)理人以勤奮忘我的工作,以極強(qiáng)的敬業(yè)精神,以大公無私的心態(tài),以不偏不倚的管理,以對事不對人的作風(fēng),以為員工謀福利的取向去綜合實(shí)現(xiàn)的。而這些,員工心里會(huì)有桿稱,那個(gè)經(jīng)理人幾斤幾兩,是不會(huì)因?yàn)樗穆毼桓叩投淖兊摹?/span>

  

   幾年的管理工作下來,綜合實(shí)踐這三點(diǎn),無形的感覺是越做越順,越做越博得員工認(rèn)可。這些或許僅僅是一些經(jīng)驗(yàn)之談,夠不上理論的高度,但無形卻強(qiáng)烈的感受到這幾點(diǎn)的力量,并會(huì)在今后的工作中不斷加強(qiáng),不斷完善這些素質(zhì)。

  

推薦:一個(gè)iOS開發(fā)者的經(jīng)驗(yàn)分享

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

一個(gè)iOS開發(fā)者的經(jīng)驗(yàn)分享

一年以前,我(曹舒旻Kevin Cao)還在做各種Flash網(wǎng)站,而現(xiàn)在卻是擁有一間小工作室的iOS獨(dú)立開發(fā)者。從互動(dòng)廣告行業(yè)轉(zhuǎn)型到移動(dòng)互聯(lián)網(wǎng),也許也是正在閱讀本文的你心中的一點(diǎn)小念頭。即便你仍然打算奮斗在互動(dòng)廣告行業(yè),對移動(dòng)互聯(lián)網(wǎng)帶來的沖擊也不可能置身事外。

移動(dòng)互聯(lián)網(wǎng),正在真真切切的改變我們每一個(gè)人的生活,對你我正在從事的事業(yè),都不能例外。那么,如何順勢而為,讓我們能夠在新的時(shí)代背景下游刃有余呢。

首 先你應(yīng)當(dāng)成為移動(dòng)互聯(lián)網(wǎng)的應(yīng)用達(dá)人:擁有一款移動(dòng)設(shè)備,并成為重度用戶。你得比你的客戶或目標(biāo)受眾更加了解這種新的媒介。你要學(xué)會(huì)觀察和分析這些移動(dòng)設(shè)備 產(chǎn)品設(shè)計(jì)背后的精髓,包括但不局限于:用戶手持設(shè)備的使用習(xí)慣;屏幕尺寸限制對設(shè)計(jì)的影響;多點(diǎn)觸摸的操作方式;單窗口應(yīng)用和多任務(wù)的設(shè)計(jì)方法等。此外還 有GPS定位,陀螺儀等特有硬件模塊的玩法。

然后你還應(yīng)當(dāng)看看Apple的人機(jī)交互設(shè)計(jì)指南,了解那些細(xì)節(jié)到有些龜毛的設(shè)計(jì)建議背后的理念。這也保證你在發(fā)想創(chuàng)意的時(shí)候不至于偏差得太過離譜。

此刻你一定已經(jīng)有了一個(gè)不錯(cuò)的想法(或者靠譜的Brief)?,F(xiàn)在到了我們盡情發(fā)揮創(chuàng)意和設(shè)計(jì)才華的時(shí)刻。 流行如“下拉刷新”的操作可不是一開始就寫在設(shè)計(jì)指南里的,而是由與我們一樣的創(chuàng)作者想出來的絕妙創(chuàng)意。這絕對是重度用戶才能發(fā)想出來的直覺式設(shè)計(jì)的最佳范例。還有Instapaper客戶端的傾仰翻頁,以及前段時(shí)間非常流行的Clear式輕掃和捏合操作,也都代表了交互設(shè)計(jì)的頂尖水平。 雖然在這個(gè)領(lǐng)域不乏一些專業(yè)的UI設(shè)計(jì)公司,還有各種互聯(lián)網(wǎng)企業(yè)的UED正規(guī)軍。但是在如何把移動(dòng)應(yīng)用設(shè)計(jì)得有愛或有范的問題上,我們互動(dòng)這行的設(shè)計(jì)師也不甘示弱。我們看看私密照片分享應(yīng)用Path 2.0中 的創(chuàng)新折疊菜單。吸引了不少眼球吧。而我們拿它回過頭來對比閃客們N年以前就已經(jīng)實(shí)現(xiàn)的各種動(dòng)態(tài)菜單,其效果不也顯得黯然失色嗎。用戶在iOS應(yīng)用上已經(jīng) 看了好幾年標(biāo)準(zhǔn)界面的產(chǎn)物,難免開始產(chǎn)生審美疲勞?,F(xiàn)在進(jìn)入了重視用戶體驗(yàn)的時(shí)代,互動(dòng)從業(yè)者們在視覺表現(xiàn)和交互效果上的經(jīng)驗(yàn)積累在此是一大優(yōu)勢。相比其 他行業(yè)的轉(zhuǎn)型者們,我們更容易創(chuàng)作出令人驚艷的作品。

35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作

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

有時(shí)候我們攝影的照片或是處理網(wǎng)頁Banner的圖像都需要加一些,讓照片變得更好看,比如添加復(fù)古感覺的色彩、黑白、懷舊等效果,下面設(shè)計(jì)達(dá)人為大家分享35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作,使用這些PS Action你可以很快就能處理你想要的效果,方便好用,喜歡的趕快收藏起來哦!

另外強(qiáng)烈推薦:60個(gè)照片PS Action下載/PS動(dòng)作/使用教程

感謝@Vera微瀾妹子無私打包, @微盤 打包下載地址http://vdisk.weibo.com/s/BEmqj/1368676942

復(fù)古風(fēng)格Photoshop動(dòng)作 2

035445tAi

進(jìn)入下載頁

Faux HDR Photoshop 動(dòng)作

0354462se

日歷

鏈接

個(gè)人資料

存檔