什么是風格指南？簡單的說，就是一份告訴你如何講故事的文檔。它確立了一些標準，例如怎樣撰寫文案、怎樣排版、怎樣打造視覺元素和交互方式等等。風格指南源自于印刷領域，例如報刊(看看衛報的風格指南 )；在Web領域，它同樣體現出了巨大的價值。

無論是傳統印刷，還是互聯網，最關鍵的都是“內容”。風格指南的最終目標就是讓內容以清晰并且一致的視覺風格呈現出來。BBC的全球體驗語言 (Global Experience Language,GEL)就是網站風格指南的絕佳范例。不妨通過頁面右側的“Download GEL Web Styleguide”下載一份PDF文檔來稍作了解先。

移動設備與傳統桌面設備雖然都被成為“計算設備”，但它們之間的差異是顯而易見的：移動設備的屏幕要小很多，無線網絡鏈接方面會有不穩定，電池續航能力較弱，等等。這份“弱點”清單可以列的很長，但如果你因此認為移動設備就是降級版的計算機，那同樣是錯誤的看法。

實際上，從其他一些角度來觀察，移動設備又是比桌面設備更加強大的。智能手機和平板電腦都是更加個人化的設備，它們會一直陪伴在你身邊，讓你隨時隨地都可以接入互聯網獲取所需的信息；它們身上還有傳統設備所不具備的很酷的功能，包括GPS、數位羅盤、加速計等等。

所有這些差異都使得移動設備當中的應用程序在界面設計方面存在很多獨到之處。我(英文原文作者)基于在自己的workshop中的工作經驗，總結出了移動應用界面設計的十條原則及小提示，在這里與大家分享，希望能夠幫助那些還不是非常熟悉這個領域的設計師們建立起一套有實踐價值的設計思維框架。

1.設計觀念

從傳統設備轉向移動領域，設計師們首先要做的是調整思維模式和設計觀念。

• 專注 ：移動應用的本質目標是幫助人們以最高的效率完成特定的任務。少即是多，你要砍掉的產品功能通常會比你想象的多很多。
• 獨特：從一開始就要理解你的應用與同類產品相比具有哪些獨到之處，將其體現到產品的整體用戶體驗策略當中，并在交互及視覺設計流程當中著重突出這些賣點。
• 迷人 ：移動設備是相當個人化的工具，人們會在長久的使用過程中逐漸將感情融入到軟硬件當中；應用程序同樣要與用戶在情感層面產生互動，通過各種友好的、有趣的、可信賴的設計與功能讓用戶覺得愛不釋手。
• 體貼 ：不要將注意力過多集中在“開發”本身上，不要將自己的心智模型以及產品的業務邏輯作為設計的準繩。如果你確實希望自己的產品能夠被更多用戶所接受，那么必須學會站在他們的角度觀察問題、制定設計決策。

不要用“多多益善”的觀念打造移動應用

今年，我們(英文原文作者及團隊)發布了FreshBooks 的第一款iPhone應用。從前我們的產品一直是通過Web端應用的方式提供服務的。這次，我們把iPhone應用的設計開發過程看作一張空白的花布，盡力在其中實現一些新的功能概念和設計想法。在這個過程中，我們著實學到不少東西。

不要害怕犯錯

對于移動應用這樣的產品，設計過程中必然會遇到很多用戶體驗方面的問題與挑戰，尤其是對于新手來說更是如此。

無論你的線框稿在邏輯上有多縝密，UI稿在視覺上有多漂亮，當它們落實成為原型或最終產品時，總會有問題呈現出來。這并不完全是壞事；我們在設計FreshBooks的iPhone應用時甚至將犯錯這件事也納入到了流程規劃當中，這就意味著：

• 坦承沒有完美的設計，無論稿件和原型多么優秀。
• 真正的成功或失敗都是由用戶的反饋來定義的。
• 對于在設計過程中看到的問題要迅速做出反應，根據從實際用戶身上得來的驗證結果進行迭代。

接下來，我將向各位描述一下我們在項目中犯過的三個錯誤，以及我們是怎樣解決這些問題的。

應用的主界面

在項目開始的時候，我們對FreshBooks的一些現有用戶進行了訪談，了解他們在生活和工作中是怎樣使用移動設備的，包括他們面對的實際問題，以及他們對移動應用版本的FreshBooks的期望。

根據這些訪談，我們歸納出了一些基本的設計原則，例如下面這條：

以任務為中心的用戶體驗

移動應用版本的產品應該圍繞著一系列互不相關的帳單任務進行優化，包括時間追蹤、為收據拍照存檔、開票等等，這些是移動應用所處的使用場景當中最常見的任務。

而其他方面的復雜任務，包括批量編輯、權限管理、定制化等，則留給傳統的Web端應用來承擔，以此來保證移動版本在功能上的簡約與集中。

基于這條原則，我們設計了應用的主界面。它由一系列最重要的任務組成，視覺上采用圖標加文字標題的形式，點擊進入相應的任務流程。例如，用戶點擊了其中的“創建新發票”之后會進入發票列表界面，然后創建新發票的界面會自動滑入視圖。

這種以典型任務為中心的設計思路在意圖上是好的，但接下來我們發現了一些問題。

親密是愛情關系中的溫暖體驗，是一種朋友般的親近。由于真正喜歡和對方在一起，渴望同對方一道建立更有凝聚力的和諧關系，希望把自己的生活以坦誠、不設防的方式與對方分享。伴侶間會發展出屬于兩個人的溝通風格，熟悉彼此不完美的個性。親密令戀人互相關心，善待對方，滿足彼此的需要和欲望。親密沒有激情強 烈，但能促進戀人相互親近，讓人感受到人際溫暖。

在激活你的創造力之前，我先來說一個普遍現象：從事設計這個職業，當沒有創意的時候怎么辦？會懊惱驚慌失措？覺得自己不適合這個職業嗎？騷年菇涼們，不要驚慌！這種創意空白現象會發生在任何一個腦力工作者身上。那一刻抱著頭的你，肯定痛苦不已的覺得自己失去了所有才干，沮喪的覺得沒有在行業里繼續發展的能力，乃至永遠都不會再創造出很酷的設計。

其實我要告訴你：這一切都是正常的。在我們的某些時期某些時刻，每一個設計師都會倏然經歷這樣的苦惱，聽我說，你絕對不是一個人在戰斗！

但我們如何克服這些感受？找到靈感呢！很多前輩都教導我們說，想要有創造力，必須先讓自己產生某種身心的愉悅！

高端設計盛宴FRAME-FPA論壇于2012年12月15日晚在北京東隅酒店完美落幕。

由《FRAME國際空間設計雜志》和新西蘭廚房電器品牌FisherPaykel斐雪派克聯合發起的集結高端設計、生活意見、美食分享和社交活動的FPA論壇繼在北京+86設計博物館、上海源創創意園、深圳派意館成功舉辦后，于2012年年末回歸北京，與設計界的朋友再次相聚，共享年終設計盛宴。

色彩公司pantone 最近選擇了綠寶石色（emerald ：17-5641 ）作為2013 年的年度顏色，在他們的描述中，綠寶石色“ 生動，光芒四射，有魅力…… 是一種代表了優雅和美麗的顏色，加強了我們個人的自然存在感，帶給我們平和心態” 。

藍注：今年prada 新款綠色寶石的裙子， 也特別的漂亮！孫儷穿過，從者眾！

藍藍寫

分享廣告設計圈線下活動專題好網站：第九課堂http://www.dijiuke.com/。

挺好！周六日及空余時間可以多學學、看看！

根據DailyTech的統計，到2015年，移動互聯網的用戶數量將會超過桌面用戶。除了智能手機之外，使用平板電腦甚至是電視機進行上網的用戶也在持續增加。在這種形勢下，怎樣讓我們的網站盡量兼容各種類型的設備，并確保優良的用戶體驗，這將是越來越重要的問題。

通過響應式的設計開發方式，我們可以使網站頁面隨瀏覽設備的不同而自行響應，動態的調整布局結構、元素規格樣式，將相同的內容以不同的格式呈現給不同設備的用戶。

如果你對響應式Web設計還不大了解，可以先參考閱讀我們之前的關于響應式設計的概念、組成要素及基本實現思路 方面的文章，全方位預熱一下。

什么情況下適宜采用響應式Web設計的方式

當客戶提出產品功能移動化的需求時，有一些解決方案可供我們選擇，包括原生客戶端應用、Web應用等；究竟怎樣的方式更合適，還是取決于具體的需求情況。另外也要考慮網站本身是否需要實施移動化。雖然響應式站點并不能算是一種純粹的移動化解決方案，但是，在某些情況下，這種方式是非常值得考慮的。

你心里沒譜

設計開發一個全新的移動版本站點或是客戶端應用，整個過程是有很大挑戰性的。除非產品正式上線，否則你無法真正了解它是否會成功。與其單純的為了移動化而花費資源打造移動版本站點或是開發客戶端應用，不如先花些心思將原本的網站打造的更具彈性，使其在各種主流移動設備中都擁有盡量優秀的用戶體驗。

你想節約成本

要打造響應式站點，自然離不開有經驗的交互、視覺設計及前端開發人員。所需的資源，尤其是時間方面，比起普通網站來說大約增加20%到30%的樣子；但比起單獨打造移動版本的網站，或是設計開發客戶端應用的成本來說，卻要低很多。從維護的角度來說，也會輕松很多。

你希望網站可以兼容未來的新設備

所謂的移動版本站點，通常是針對某類具體規格的設備進行單獨打造的，彈性比較差。新的移動設備層出不窮，傳統的移動版本站點需要不斷的進行更新維護，才能盡量保證在新設備中工作良好。響應式設計可以根據設備瀏覽環境的具體規格進行判斷，使用不同的呈現方式來展示內容，無需針對某種特定的規格進行維護，適應性更好。