最近，一個(gè)朋友建議我寫點(diǎn)關(guān)于新聞?lì)惥W(wǎng)站界面設(shè)計(jì)的分析：什么是正確的新聞?lì)?strong>網(wǎng)頁設(shè)計(jì)，什么是錯(cuò)誤的。他認(rèn)為現(xiàn)今的線上新聞?dòng)脩趔w驗(yàn)非常落后，讓人感到厭倦無比，而且只是他們不用心做罷了，采用AJAX或者類似的技術(shù)就能把內(nèi)容呈遞的完善，而且導(dǎo)航做得十足精美。

一開始我非常贊同他的觀點(diǎn)。藍(lán)藍(lán)設(shè)計(jì)認(rèn)為新聞?lì)惥W(wǎng)站的約束在于：過去傳統(tǒng)的報(bào)紙以及雜志均為紙媒，動(dòng)輒就在頁面里融入了那些根深蒂固的慣例。因此用戶在瀏覽時(shí)會(huì)發(fā)現(xiàn)，這類網(wǎng)站的感覺很熟悉，但是卻限制了視覺表現(xiàn)。與此同時(shí)大部分新聞?lì)惥W(wǎng)站的用戶體驗(yàn)設(shè)計(jì)非常差，經(jīng)常會(huì)出現(xiàn)令人閱讀困難的小文本。

從《互聯(lián)網(wǎng)設(shè)計(jì)之道》開始，我知道這句話已經(jīng)別人重復(fù)無數(shù)次了，如果把網(wǎng)絡(luò)比作一種媒介的話，那么網(wǎng)絡(luò)是流動(dòng)的，是復(fù)雜的，也是美麗的。而且網(wǎng)絡(luò)的威力超出了大多數(shù)人的意料。
所以我們一起來看一下這些國際知名的新聞?lì)惥W(wǎng)站，看看他們的優(yōu)點(diǎn)與缺點(diǎn)。

歸根結(jié)底是移動(dòng)端的用戶體驗(yàn)

其實(shí)，主要還得是移動(dòng)端用戶的體驗(yàn)。然而很多新聞?lì)惥W(wǎng)站并沒有將此類用戶納入考慮。當(dāng)然，確實(shí)很多新聞網(wǎng)站已經(jīng)出了iOS或者Android版本的原生應(yīng)用，可惜效果并不理想，大部分的用戶下載完之后，用幾次就基本廢置到一旁了。

我們獲取信息的途徑是什么？因?yàn)樘^官方，內(nèi)容太過常規(guī)，現(xiàn)在的用戶很少主動(dòng)瀏覽新聞?lì)惥W(wǎng)站。他們通常是通過點(diǎn)擊朋友、親戚、網(wǎng)友的分享來得到信息。通過社交網(wǎng)絡(luò)，E-Mail，RSS Feed以及新聞源中的鏈接來得到信息。而鏈接導(dǎo)向的往往是網(wǎng)站，而不可能是應(yīng)用。因此，每個(gè)新聞?lì)惥W(wǎng)站都必須要注重移動(dòng)端的用戶體驗(yàn)。現(xiàn)在用手機(jī)瀏覽消息的人實(shí)在是太多了。

那么問題又是什么？為什么新聞?lì)惥W(wǎng)站不改進(jìn)呢？
路很漫長(zhǎng)，前方有兩塊絆腳石有待清除。

在產(chǎn)品設(shè)計(jì)中，產(chǎn)品界面、使用情景、用戶操作等都會(huì)影響用戶對(duì)產(chǎn)品的體驗(yàn)。因此我們?cè)?a href="/" target="_blank">ui設(shè)計(jì)的過程中應(yīng)遵循一定的原則，避免設(shè)計(jì)者片面的根據(jù)自己主觀認(rèn)識(shí)對(duì)產(chǎn)品做出抉擇。

原則1：用戶界面設(shè)計(jì)應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來很復(fù)雜的事情通過設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

藍(lán)藍(lán)設(shè)計(jì)從自身豐富的應(yīng)用開發(fā)設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)和大量的優(yōu)秀界面設(shè)計(jì)應(yīng)用實(shí)例中，總結(jié)提煉了從產(chǎn)品概念、ui設(shè)計(jì)、開發(fā)到市場(chǎng)推廣等一系列的相關(guān)原則，指導(dǎo)移動(dòng)開發(fā)人員怎樣來打造一款成功賺錢的應(yīng)用。姍姍來遲的這篇文章希望給大家?guī)硪恍└形蚺c幫助。

原文地址：http://www.shtzxx.cn/ 

絕大多數(shù)應(yīng)用都失敗了。 這個(gè)殘酷的現(xiàn)實(shí)令很多幻想破滅的開發(fā)者開始認(rèn)為，在Apple store中成功就像在淘金熱潮中致富一樣：你所需要的僅僅是運(yùn)氣。

“運(yùn)氣論”這種想法是危險(xiǎn)的，它就像是用來減輕失敗痛楚的麻醉藥。感到痛苦是件好事，這樣才能看到問題所在。如果我的應(yīng)用失敗了，我會(huì)尋找失敗 的原因。與其埋怨那些超出你控制之外的因素，為什么不看看像tap tap tap和Tapbots這些公司做了些什么，可以讓他們一次次的成功。

情人節(jié)遇見元宵節(jié)，朋友們節(jié)日快樂，藍(lán)藍(lán)設(shè)計(jì)將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站設(shè)計(jì)，可讓你在得到靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的ui設(shè)計(jì)工具或界面設(shè)計(jì)服務(wù)。在這篇文章中你將看到美觀又實(shí)用的網(wǎng)站，全部都不容錯(cuò)過哦親！

Skillshare

向任何地方的任何人學(xué)點(diǎn)什么。

喜歡ui設(shè)計(jì)的朋友，今天藍(lán)藍(lán)設(shè)計(jì)為朋友們分享一些 免費(fèi)在線制作LOGO的網(wǎng)站，希望對(duì)朋友們有所幫助！

1、LogoEase

LogoEase是一個(gè)免費(fèi)使用的網(wǎng)站,可以讓你輕松創(chuàng)建logo。

登錄框存在已久，對(duì)于用戶來說是必定每天接觸，對(duì)于設(shè)計(jì)師來說也是一個(gè)墨守陳規(guī)的控件，兩個(gè)框加個(gè)按鍵，如果猛然抓個(gè)設(shè)計(jì)師問「你覺得登錄框界面設(shè)計(jì)還有哪 些可以改進(jìn)的點(diǎn)」，得到的回答應(yīng)該是長(zhǎng)時(shí)間的沉默，當(dāng)然也包括我。「寧可一思進(jìn)，莫在一思停」，這是一代宗師里的拳理，同樣也是做人做事的道理，思進(jìn)方可 有所為，一思一念間高下已分，體現(xiàn)在互聯(lián)網(wǎng)應(yīng)用及服務(wù)應(yīng)該就更為深刻了。

扯回主題，解決以下任何一個(gè)問題的登錄框都是藍(lán)藍(lán)設(shè)計(jì)所認(rèn)為的優(yōu)秀登錄框ui設(shè)計(jì)（個(gè)人認(rèn)為的優(yōu)秀登錄樣式，參考長(zhǎng)文最后部分）：

1. 輸入效率問題，現(xiàn)階段大多數(shù)用戶登錄均要求用戶使用傳統(tǒng)的鍵盤進(jìn)行輸入，這里就涉及一個(gè)問題–擊鍵效率或稱為輸入效率。有許多解決輸入效率的方法，如，

• 使用統(tǒng)一賬戶，許多互聯(lián)網(wǎng)服務(wù)允許使用OpenID，新浪、騰訊、Facebook、twitter…等等，像知乎允許使用新浪微博的賬號(hào)登錄，這樣就減少了用戶進(jìn)行注冊(cè)或登錄時(shí)的輸入成本。
• 記住用戶名及密碼，這樣可避免用戶下次再進(jìn)行輸入，但用戶清空cookie或安全級(jí)別要求高的互聯(lián)網(wǎng)服務(wù)就悲劇了。
• 在輸入過程中給予用戶幫助，例子：新浪微博使用郵箱做為登錄名（如圖1），用戶在輸入@ 后，將會(huì)出現(xiàn)輸入建議，輸入建議里有常用郵箱的后綴以輔助輸入。

互聯(lián)網(wǎng)最偉大的精神在于分享，藍(lán)藍(lán)設(shè)計(jì)喜歡探索、喜歡發(fā)現(xiàn)，務(wù)求將最好的資源呈遞給所有設(shè)計(jì)愛好者。
相信這里面你大多數(shù)都還沒見過呢！
免費(fèi)資源：包括了圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)、界面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、PSD、矢量圖、圖案、UI套件、調(diào)試工具等等。琳瑯滿目！亂花漸欲迷人眼，請(qǐng)您精挑細(xì)選，選擇最合適自己的素材，讓你的ui設(shè)計(jì)項(xiàng)目變得更漂亮、更專業(yè)。

iPhone 6 wrap around screen

大部分人不喜歡填表單，因?yàn)槿藗儊淼骄W(wǎng)站，主要目的不是填表，而是瀏覽或者購買。精心設(shè)計(jì)的表單界面設(shè)計(jì)，使輸入變得流暢讓人心情愉悅，而糟糕的ui設(shè)計(jì)讓人扶墻吐血。那怎樣才是優(yōu)秀的表單設(shè)計(jì)呢？頁面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細(xì)節(jié)，其中簡(jiǎn)化輸入是最近常被提及的，在這里藍(lán)藍(lán)設(shè)計(jì)分享下自己工作中的心得…

1、 更高大的輸入框

增加輸入框高度，加粗字體，可以讓網(wǎng)頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大，這樣的輸入框也顯得更大氣。

2、 添加選取器

與其讓人輸入不如提供選擇，選取內(nèi)容只要點(diǎn)幾下，就自動(dòng)填充進(jìn)輸入框，不但可以減少輸入障礙，還能預(yù)防出錯(cuò)。可以把任何希望的數(shù)據(jù)做成選取器，比如日期、顏色、地址或者歷史記錄等等。

舉個(gè)例子：前面的“對(duì)方開戶姓名”輸入框，需要填寫對(duì)方的姓名，如果對(duì)方名字里有漢字不認(rèn)識(shí)該怎么辦呢？于是我們可以加上一個(gè)生僻字的選取器，如圖：

機(jī)會(huì)往往就在一瞬間，作為設(shè)計(jì)師，你必須給自己打造一款創(chuàng)意十足的名片設(shè)計(jì)，這意味著互遞名片時(shí)，可能你就獲得了一個(gè)未來的美好機(jī)會(huì)（可以是一個(gè)大客戶，或是一份羨慕已久的工作），當(dāng)然，機(jī)會(huì)屬于有準(zhǔn)備的人，那么今天藍(lán)藍(lán)設(shè)計(jì)的這25款創(chuàng)意十足的名片界面設(shè)計(jì)，相信驚嘆之余你會(huì)得到紛呈的靈感，提供ui設(shè)計(jì)能力，奮起吧少年們！

Jake Bradford

也許你也像我一樣，手機(jī)上裝滿了各種工作類的應(yīng)用來幫我們更好的設(shè)計(jì)或激活靈感。從畫草圖，到想點(diǎn)子，到記筆記，還有填表單等。但是可以選擇的應(yīng)用實(shí)在太多了，你會(huì)如何在眼花繚亂的應(yīng)用市場(chǎng)上挑選適合你的APP呢？

藍(lán)藍(lán)設(shè)計(jì)的移動(dòng)設(shè)備上有一些常用的設(shè)計(jì)應(yīng)用，還有一些新上線的工具。這些軟件和應(yīng)用幫助我更有效率的工作，也幫我節(jié)省了不少時(shí)間。對(duì)界面設(shè)計(jì)會(huì)有非常大的幫助！這里的10個(gè)設(shè)計(jì)應(yīng)用都非常棒，有些可能是你已經(jīng)熟知的，不過也許你會(huì)找到一些有趣的新玩意。相信一定可以提高朋友們的ui設(shè)計(jì)能力！

1. Evernote

Evernote 是分類筆記應(yīng)用類中的佼佼者。它可以在不同平臺(tái)上工作：智能手機(jī)，平板電腦，或者通過Cloud在臺(tái)式電腦上使用。只要是用它保存的東西，你可以在任何時(shí)間任何地點(diǎn)進(jìn)行存取。再加上Web Clopper和Skitch這樣的插件，你可以將喜歡的網(wǎng)頁保存到個(gè)人文件夾中。這是創(chuàng)建書簽和閱讀清單的最佳工具。Evernote還提供付費(fèi)的增值服務(wù)，比如共享筆記或者文件。Evernote提供windows、Mac、iPad、iPhone、安卓、黑莓等版本。