移動至上是當今的大背景。交互設計、網頁設計都不得不顧慮手機的”感受”，移動互聯網方向的創業如同雨后春筍般出現，而有關移動端的Logo怎么設計？看看這里吧。

轉載藍藍設計(   www.jjddy.com  )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內容，每天自動發到您的郵箱中，   

曾經，CSS 畫廊非常流行，網頁設計師們會定期訪問這些網站獲取靈感。現在仍然可以方便迅速找到令人興奮的東西（例如 Dribbble 和 Behance 對設計有很大的幫助）。

對于移動應用程序設計，存在類似的畫廊，我相信他們會更加有用。這是因為如果不安裝移動應用程序，靈感更難獲得，也更需要時間和努力。這12個畫廊有很多漂亮的應用程序用戶界面，并進行了很好的分類。趕緊收藏吧！

優設好文：
強烈推薦！你應該到這里尋找網頁設計靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊，展示最好的網站設計，標志設計，平面設計，攝影，作品。

Lovely UI

收集各種移動界面元素，啟動畫面，按鈕，導航，通知等等各種組件的設計。

Inspired UI

設計精美的應用程序的集合，iphone, android, flat ui, mobile ui。

TappGala

TappGala，展示最佳的移動界面設計作品，趕緊收藏吧。

MobileMozaic

MobileMozaic 是一個在線畫廊，iOS 應用設計來自世界各地的最好的選擇。

評論(0) 瀏覽(4078)

一如往常，設計師們會對自己希望或者是預期見到的東西做一個原型設想，這些iPhone6概念就是其中的一個原型。不過，關于這些獨特的設計有些東西不得不說。

那么新iPhone理念中與眾不同的東西是什么呢？大家能注意的最矚目的就是它在外觀上像極了iPhone5，但是屏幕一直環繞到手機邊緣。我個人認為這種設計非常簡潔，但是從實用性的角度來說，在使用上這個設計未必會很好。不過這一點也恰恰是一直以來我所談到的用戶體驗主張。

大家可以從下面的圖片中看到，一些設計者把那個空間用于小按鍵的社交媒體，其他的空間則延續了他們界面的漂亮背景。這種手機邊側延伸非常符合審美，雖然讓如此狹小細長尷尬的空間派上更大的用場實在難之又難。

效果圖片

因為配色中溫暖的紅色基調，整個上面的界面非常豐富。頂上的背景極為有趣，很好的應用了不同顏色配搭撞擊出來的效果。看到它，你便會被深深吸引。總的來說這個界面并沒有太過的地方，因為除了一個簡單的三角形標志，一個標題和一個訂閱按鈕再沒有其他東西了。

這張圖片展示的是不同尋常的twitter界面，但是它和ios7的設計風格保持一致。大家可以看到twitter app的功能是一樣的，但是嶄新的涂漆讓它看上去像蘋果自己的新設計一樣。這張圖片很不錯，我尤為喜歡那些小巧的解說箭頭，它們增添了些許設計觸感。你是不是也這樣覺得呢？

讀取進度條設計的好壞直接影響著App的用戶體驗，因為它可以合理的疏導用戶等待的焦慮情緒，通過一種有趣的美學體現程序運行的進度，這樣用戶就能稍微安心。

調查表明，用戶需要進度指示器，尤其是當處理不同的應用程序時。因此，完全的理解進度指示條的趨勢對我們來說至關重要。

進度條是多媒體播放器的基本組件，能夠允許用戶控制媒體播放的進度與流程，快進，或者快退。進度條的圖形表現力非常重要，目的就是為了提高用戶的趣味性，與此同時構造更好的人機交互界面。

在本文中，我們收集了一些美妙的手機App進度條案例，具有不同的風格和特性。下面我們來一起欣賞吧：）

Smart washer app UI by Hyelim Choi 具有強烈的模糊效果，為的是提煉背景的質感，輕微的透明感，白色的純潔性，稍微加入了一點粉色，給整個App以熱情、女性化的感覺。

dB-METER by Miguel Pires. 高亮的中心，臨摹的儀表，非常好的打破了用戶的無聊等待時間。精妙的線條韻律以及完美的細節處理讓整個UI看起來很精致。

Charging Animation by Corey Lui看起來既整潔又引人注意，具有可愛的寫實風格。 綠色的震動的動效用來闡明程序的進度，吸引了用戶的注意力，分散了等待的焦慮。

iOS7 design practice by Muhammad Farhan 純凈的感覺，采用了Flat風格的設計，使用了平化的圖像，精巧的色調，纖細的字體。碩大的圓環軌道條占據了整個界面的中央，讓數據看起來非常的卓越不凡。

軟件在提高專業人士辦公效率的同時，也降低了許多創作型工作的門檻。比如由 FiftyThree 推出的Paper，它甚至可以幫助沒有美術功底的人，通過 Paper 來有效且直觀的溝通設計想法。

同 Paper 類似，由蘋果及 IDEO 前包裝設計師 Distler 推出的這款Context (只有 Mac 版) 也想提高設計師的工作效率，同時降低設計的門檻，讓普通如你我的人過一把設計海報、書皮的癮。

簡單來說，通過 Context，你可以實時查看你所設計的圖案在酒瓶、徽章、巨幅海報、各種不同材質紙張和現實背景下最終呈現的樣子，且可 3D 查看。這樣做的好處就是，設計師再也不用等樣品制作出來，才能判斷自己的方案是否真的可行了，即提率節省時間，也能節約成本 (演示視頻如下)。

Context 背后同時使用了 3D、2.5D 和 2D 技術，幫助用戶實時多方位、更直觀的感受自己的作品。而相較一切需要從頭開始的 Photoshop，Context 提供了很多表面材質和物件供用戶任意搭配選擇，節約了大量搭建背景的時間。

網頁設計中，切圖輸出是指設計師將手邊繪制完成的原始圖稿轉換成網頁用的圖片格式、并交由下一位人員網頁排版的重要步驟。選擇適合的圖片格式不但可以將讓設計得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小，節省下載時間、有效的減少服務器的負擔。

以設計師最常用的 Photoshop 以及 Illustrator 為例，都提供了「儲存為網頁用…」的功能。與默認的存盤模式不同，在這個模式中，軟件提供了仿真圖文件輸出的質量調整、檔案大小控制等針對網頁圖文件需求的選項：

相信許多人都知道網頁設計中最常用的格式不外乎 JPG、GIF、PNG 等格式，但并非所有的人都知道他們之前的實際差別跟到底何時該選擇何種格式。經常發生的情況是，選擇 GIF 后的輸出結果看起來變得很糟，于是 PNG （24）似乎突然間風行了起來，不論圖檔尺寸是不是因此多了好幾倍。

JPEG

由于舊型計算機系統以及文件系統的限制，計算機檔案文件名與擴展名被規定為 8.3 的格式，因此 JPEG 的附檔名被縮寫為 .JPG。JPEG可以說是人們最熟悉的圖檔格式了，相信在數字相機普及的現在，幾乎每臺數字相機、照相手機都可以（甚至只能）輸出 JPEG 格式的圖檔。JPEG是一種很典型的使用破壞性壓縮（lossy compression）的圖檔格式，也就是說使用者每次進行 JPEG 的存檔動作后，圖檔的內容都會遭到破壞，這個特性在肉眼辨識下并不明顯，但卻可以有效的降低圖檔的檔案大小。

這是Suyee同學的一篇老文章了，而分享總結的經驗還是很值得大家思考，千萬不要養成舊文就不讀不看不想不練的習慣，這只會禁錮雙手，麻痹大腦。
收藏再多新文章，卻不去看，還有何意義呢？

開篇啰嗦了一下，但這的確是很多同學們需要改正的壞習慣。2013年就要過去了，回首看看，今年你在思想認知、設計手法、團隊協作、溝通演講上有了哪些進步。

相關閱讀：
思想認知：《電線桿上的用戶體驗設計》
設計手法：《設計要出彩？來看八大創意理論應用篇》
團隊協作：《團隊合作中用photoshop時應該注意什么》
溝通演講：《寫給設計師：如何與工程師一起工作》

好咯，進入正文：隨著開放平臺日益增多，衍生出來的各類應用服務也就呈不斷增長的趨勢。這些應用服務的站點設計也可謂是五彩斑斕，燦若繁星。我們可以來找找這些網站的設計是否有規律可循。

可以從幾個方面來分析:

色彩

Amoderneden

從它的整體色彩配圖元素構建等不難看出，這是一個關于兒童教育有關的網站，推的就是寓教于樂的產品服務。

Paraply

他們為用戶的當前位置提供降雨預報服務。憂郁的藍色預示著雨雪的降臨，與雨傘保護感強烈的紅色相對比顯得相得益彰。

@親愛的蔥 數據可視化在當前是一個熱門話題，旨在借助于圖形化手段，清晰有效地傳達與溝通信息。但是，這并不就意味著，數據可視化就一定因為要實現其功能用途而令人感到枯燥乏味，或者是為了看上去絢麗多彩而顯得極端復雜。為了有效地傳達思想概念，美學形式與功能需要齊頭并進，通過直觀地傳達關鍵的方面與特征，從而實現對于相當稀疏而又復雜的數據集的深入洞察。

然而，設計人員往往并不能很好地把握設計與功能之間的平衡，從而創造出華而不實的數據可視化形式，無法達到其主要目的，也就是傳達與溝通信息。

如今學習應用數據可視化的渠道有很多，你可以跟蹤一些專家博客，但更重要的一點是實踐/實操，你必須對目前可用的數據可視化工具有個大致了解。以下是Netmagzine列舉的二十大數據可視化工具，無論你是準備制作簡單的圖表還是復雜的圖譜或者信息圖，這些工具都能滿足你的需要。更加美妙的是，這些工具大多免費。

第一部分：入門級工具

1.Excel

Excel的圖形化功能并不強大，但Excel是分析數據的理想工具，上圖是Excel生成的熱力地圖

作為一個入門級工具，Excel是快速分析數據的理想工具，也能創建供內部使用的數據圖，但是Excel在顏色、線條和樣式上可選擇的范圍有限，這也意味著用Excel很難制作出能符合專業出版物和網站需要的數據圖。但是作為一個的內部溝通工具，Excel應當是你百寶箱中必備的工具之一。

這是一個讀圖的時代，浮躁的人們或許對超過150個的文字都讀不下去，所以，信息圖應運而生，搭配上優秀而又吸引人的圖片，再加上一小段精煉的文字，足夠吸引人而又不至于耽誤太多的時間,在閱讀一張張精彩的信息圖之余，我們也常常會產生制作屬于自己的精美信息圖的沖動，只是往往是心有余而力不足.不過還好，有眾多提供在線制作信息圖的工具,比如creately就是其中的佼佼者。

什么是信息圖(Infographics)

根據維基百科的解釋:
信息圖形（Information graphics），又稱為信息圖（Infographics），是指數據、信息或知識的可視化表現形式。信息圖形主要應用于必須要有一個清楚準確的解釋或表達甚為復雜且大量的信息，例如在各式各樣的文件檔案上、各個地圖及標志、新聞或教程文件，表現出的設計是化繁為簡。公元1958年，Stephen Toulmin提出了一種圖形化的理論模型，后來成為有影響力的理論及其應用。

制作信息圖的目的在于用圖像的形式表現需要傳達的數據、信息和知識。信息圖示中的元素未必要和所表達的信息在語義上一致，但是必須達到向受眾清晰傳達正確信息的標準,這里介紹幾個知名的提供信息圖的網站

確保工作區整潔有序

合理的圖層排序和分組便于設計師理解所有元素的對應位置。把它比作一個生產車間，要是你把所有的工具到處扔，害得你的工頭什么都找不到，你還有好日子過么？

同一對象的多個圖層歸入一個文件夾

這是一條重要的規則。圖層歸組讓你的圖層變得有序，你不需要單獨為每一個圖層命名，只要命名組就行了。
例如：如果一個按鈕由按鈕圖標和說明文字組成，那么應該把它們歸入一個”按鈕”的文件夾；菜單本身是一個一組一組的按鈕對，歸入一個”菜單”組，并且所有背景層也將歸入”背景”這個文件夾。

原則就是：文件夾分組在邏輯上應該符合你的布局結構。

如果一個對象包含幾個圖層，就應該把它們歸入一個文件夾

新幻燈的版本為34/1，修改日期11月27

通常我們會把好幾個不同版本的元素放在一個文件里，像同一個按鈕不同的背景。

但為了避免忘記這一撮奇怪的隱藏圖層其實是同一個背景的不同版本，最好還是好好給他們歸組。最簡單的辦法就是創建一個”背景”文件夾，把所有的版本背景都放到里面。但更理想的方法是復制整個”按鈕”文件夾并根據不同的版本命一樣的名。這樣就可以很清楚地知道這是一個按鈕的3個不同版本。

這樣分組，你的同事就能理解這些按鈕是三個版本