<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    好的設計往往是隱形的

    • 時間:2016-06-25 15:21
    • 發布:人人都是產品經理
    • 來源:36Kr

    明確一點——隱形的設計并非在項目中增加圖層、透明度或是隱藏含義。它是為了打造用戶為中心的項目,使之功能齊備,視覺愉悅。

    當我還是個年輕的設計師時,就一遍遍聽到這句話。如果你不得不 “裝飾”

    畫布,那就是在過度設計。最好的設計——真正使項目有效運轉的設計——是隱形的。

    但是如何做到隱形?尤其網頁設計是一種相當視覺化的手段。(額外補充,本文會重點列舉幾個網站,來印證隱形設計的觀念。)

    思考設計中的隱形

    咱們別離題萬里,設計當然是可見的。關于這點毫無疑問。但是你所用的工具與技巧,不應該在普通用戶面前耀武揚威。

    多數設計只追求 “感覺對了”。用戶想要沉浸其中,操作某樣東西。他們不必理解其中緣由。這就是隱形的設計。

    Oliver Reichenstein,Information Architects的創始人和總監,以強調隱形設計觀念而聞名。雖然在聽到他的觀點之前,它已經深深烙印在我的腦海中。在The Verge 的訪談中有一些只言片語。

    “優秀的設計是隱形的。優秀的界面設計會細到亞原子級的微觀字體(文字的精確定義)、看不見的宏觀文字布局(文字的運用方式)、還有由交互設計和信息架構組成的隱形世界。最少的輸入,最豐富的輸出,界面設計師都致力于使用戶花費最少的注意力。就像字體設計師與工程師那樣,我們并不會試圖找到完美的解決方案,但會尋找最佳的兩全之策。”

    隱形的交流

    當你創造網頁、移動應用甚至智能手表的交互時,就是在設計某種類型的交流。設計要承載信息,而非阻礙信息。

    好的設計往往是隱形的

    你在處理時會用盡所有設計手段來打造一種體驗。最終產出并不是給你的,甚至也不是給其他設計師,而是給廣大不懂(也不想懂)色彩理論、間距和字體的受眾。他們只知道所有這些結合在一塊,是否緊密、好用和有趣。

    這就是將設計視為一種隱形的手段的重要之處。

    不同類型的隱形

    我們談論隱形設計時,會想到一些不同的東西。每一種隱形設計都很重要,會通過不同方式影響你的工作。

    隱形的產品和排版,例如品牌或是你不會注意到的廣告。(這對應用和游戲設計師很重要,他們常常要思考設計中的擺放問題)

    隱形的交互和通知都做到了無縫銜接,在你執行某些操作或任務時并不會想到它們。(例如手機上的鬧鐘和警告)

    隱形的美學設計可以建立情感連接,與用戶融為一體,讓人們渴望投入其中。(這正是我們所關注的)

    設計技巧

    隱形的美學植根于設計理論的基礎中。這并不是一種趨勢,也非某個酷炫的新用戶體驗特征的運用。它使用文字、色彩、字體、圖片、圖標和一些技巧來傳遞信息。我們來回顧一些基礎,看看它們能如何為你所用。

    文字和語言:用來向用戶傳遞一種語調和情緒的文字。在用戶與設計進行交互時,使用一種語言來傳遞你想表達的感覺。它是正式的、輕松愉快的、還是滑稽的?它應當使你感受到熱情,或是想要做出某種反應?還要想想措辭的韻律,大聲朗讀時聽起來是怎樣的?

    色彩:每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會花費許多時間。仔細選擇配色方案,選用那些能促使用戶執行特定操作的顏色,同時也創造合適的感覺,保持平衡與協調。

    字體:字體本身也會帶有含義。從干凈的無襯線字體,由周遭環境獲取含義(Helvetica);到復雜的粗黑體風格(巴洛克式文字),帶有一種形式感。你選用的字體類型會傳遞特殊的感覺。舉棋不定時,就堅持使用無襯線字體或是簡單襯線的字體,使用統一的筆畫粗細和常規字重。

    圖片:你所用的圖片里有什么?包括照片、動畫和視頻。其中的人是開心面帶笑容的嗎?(里面有人嗎?)顏色是暖色還是冷色?動作快速還是緩慢?瀏覽步調與閱讀流程要合適——就像步行速度一樣——可以給用戶創造一種特定的舒適度。太快或太慢的動作,就會開始引人注意,用戶就會更加關注它,甚至超越圖片本身。

    圖標與 UI

    元素:統一的圖標集和用戶界面元素,在隱形上大有幫助。一套系統會通過標準化展現,來告訴用戶網站如何運轉、如何操作,即使圖標對應的操作與特定外觀可能并不相同。當用戶不需要思考它如何使用時,隱形就生效了。想想每一個零售商都在使用的購物車圖標,它是查看商品的一種標識。用戶不需要思考如何進行到最后一步,或者說如何支付;這個元素會將他們引向正確的操作。

    其他技巧:有一大堆設計技巧可以成就或破壞你的設計——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關鍵還是在于運用。如果你打開編輯軟件的工具窗口,在默認設置狀態下點擊

    “應用”,你就做錯了,還會引發花哨的效果。用戶忽略了某張圖片,并且怪罪于它陰影太重的時候(盡管受過訓練的設計師之眼能夠辨認出來),才應該使用這些效果。設計效果只應該有助于整體信息和視覺目標。

    結論

    再回想一下 Oliver Reichenstein 說過的。它強調 “微觀” 和 “宏觀”

    元素。這是關鍵。要達到完全隱形,設計的每個細節都要精心推敲。

    帶有目的進行簡單的設計。不要僅僅因為你想要使用某種技巧,就過度裝飾或加入流行元素。設計好每個細節,讓它們無縫協作。同時設計好大局,讓它勾繪出你的項目試圖傳達的整體概念。不要過度思考:有時候簡單的解決方案就是最正確的。(也許正是隱形設計的概念促成了扁平化設計的興起,并且持續盛行)

    你有沒有偶然發現哪些網站的設計是隱形的,并且完美運轉?可以在評論中與我們分享。

    原文鏈接:http://designmodo.com/invisible-design/

    上一篇:每個產品經理都應該掌握這4個設計技能
    下一篇:個性化表單五技巧

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內推出五大高端課程,推動IT培訓進入培優時代

    15個交互設計師的特點

    在線輔導只是為了讓更多人享受好的教育機會

    是否拿出簡歷的那一刻注定無法就業?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>