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

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

扁平，更加扁平

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

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

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

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

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

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

這是第一步：

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

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

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

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

　　要做一滴水，每一條河流都有它不同的路徑，都有它不同的過(guò)程，但是它會(huì)想盡一切辦法達(dá)到它的目標(biāo)–大海。黃河九曲十八彎，那時(shí)因?yàn)樗@過(guò)重重阻礙流向大海！也許在路上會(huì)經(jīng)過(guò)大山當(dāng)?shù)溃瑫?huì)有懸崖當(dāng)?shù)溃呐聫膽已律系粝略谒さ梅凵硭楣牵矔?huì)想盡一切辦法再重新匯聚起來(lái)，流向大海。我們不能作泥沙，泥沙會(huì)在隨水流動(dòng)的過(guò)程中，沉在河底，慢慢消逝，而唯有水才會(huì)不顧一切的無(wú)論如何的奔向那只屬于大海的最偉大最美麗的蔚藍(lán)色！

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

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

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

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

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

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

　　（希望每次的設(shè)計(jì)都能思考深一點(diǎn)，也不期望有質(zhì)的飛躍。就是比上一次想的多點(diǎn)）

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

　　（活干完完事，恨不得將一個(gè)成功案例不斷復(fù)制到不同的項(xiàng)目）

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

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

在幾年的經(jīng)營(yíng)管理工作中，無(wú)形苦惱過(guò)、思考過(guò)、創(chuàng)新過(guò)、實(shí)踐過(guò)、失敗過(guò)、成功過(guò)，最后總結(jié)出了一個(gè)好的經(jīng)理人應(yīng)該具備的一些基本素質(zhì)。基本上可以總結(jié)為三個(gè)方面：

　　

　　第一：容人之量。

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

　　 一是能夠容忍不同性格一起共事。每個(gè)人的性格是最難改變的，經(jīng)理人不能以自身性格來(lái)作好惡標(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ì)太低，沒(méi)有可用之人。如果人人都出色，就不需要經(jīng)理人了。

　　 三是能夠采取善意取向。不少經(jīng)理人有印象病，看好一個(gè)人，就覺(jué)得這個(gè)做的任何事都是對(duì)的；看不好一個(gè)人就感覺(jué)他什么也做不好，甚至做事的出發(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)理人的無(wú)能找借口。如果員工不理解目標(biāo)，那就是經(jīng)理人責(zé)任沒(méi)到位。員工是人，不是蒙上眼拉磨的驢子，不能靠打罵讓他前行。大到老總解釋?xiě)?zhàn)略，小到中層解釋?xiě)?zhàn)術(shù)，都是需要一種解釋力的。好的職業(yè)經(jīng)理人能夠?qū)⒃妇懊枥L的栩栩如生，讓員工熱血沸騰的投入戰(zhàn)斗；差勁兒的經(jīng)理人就只會(huì)強(qiáng)迫員工接受。而要做到好的愿景解釋力，經(jīng)理人需要下很多苦功夫，包括讓員工信賴自己，條理清晰、邏輯推理地講解目標(biāo)等等。管理切忌簡(jiǎn)單粗暴，經(jīng)理人寧可在愿景解釋上多下功夫，也不要讓員工自己沒(méi)弄明白的情況下帶者疑惑去執(zhí)行。

　　

　　第三：精神感召力

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

　　

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

　　

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

移動(dòng)互聯(lián)網(wǎng)，正在真真切切的改變我們每一個(gè)人的生活，對(duì)你我正在從事的事業(yè)，都不能例外。那么，如何順勢(shì)而為，讓我們能夠在新的時(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í)慣；屏幕尺寸限制對(duì)設(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í)候不至于偏差得太過(guò)離譜。

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

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

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

感謝@Vera微瀾妹子無(wú)私打包， @微盤(pán) 打包下載地址→http://vdisk.weibo.com/s/BEmqj/1368676942

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

進(jìn)入下載頁(yè)

Faux HDR Photoshop 動(dòng)作

本文總結(jié)了最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域比較熱門(mén)的幾種技術(shù)，代表了一定的趨勢(shì)，設(shè)計(jì)師們要跟市場(chǎng)接軌，緊跟潮流的腳步，可以閱讀這篇總結(jié)，肯定大有裨益。

騰訊cdc：技術(shù)的革新帶動(dòng)了設(shè)計(jì)行業(yè)的的迅猛發(fā)展，這使得設(shè)計(jì)師和開(kāi)發(fā)者有了更廣闊的的探索天地。而網(wǎng)頁(yè)設(shè)計(jì)也越發(fā)不再那么循規(guī)蹈矩，許多團(tuán)隊(duì)和公司都做了很多思考和創(chuàng)意。所以在我們適應(yīng)著現(xiàn)代設(shè)計(jì)潮流的同時(shí)，不妨也來(lái)看看現(xiàn)階段網(wǎng)頁(yè)設(shè)計(jì)大致的趨勢(shì)和風(fēng)格吧。

我不敢大言不慚的說(shuō)這就是網(wǎng)頁(yè)設(shè)計(jì)的必然趨勢(shì)，這只是本人對(duì)當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)做出的一些小總結(jié)。希望這樣的歸類總結(jié)能給你帶來(lái)更多的思路和想法。

01. 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（Responsive Web Design）

現(xiàn)在越來(lái)越多用戶都擁有多種終端：臺(tái)式機(jī)，筆記本，平板電腦，手機(jī)，能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁(yè)是現(xiàn)在的潮流，甚至是未來(lái)很長(zhǎng)一段時(shí)間的設(shè)計(jì)趨勢(shì)。那么響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是來(lái)解決這個(gè)問(wèn)題的。這種特別的開(kāi)發(fā)方式能保證網(wǎng)頁(yè)適應(yīng)不同的分辨率，讓網(wǎng)頁(yè)要素重組，使其無(wú)論在垂直的平板電腦還是智能手機(jī)上，都能達(dá)到最好的視覺(jué)效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機(jī)屏幕都在不斷變大，而在對(duì)未來(lái)生活的預(yù)測(cè)、概念設(shè)計(jì)里，”屏幕”%