• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        UI設計中為什么用戶頭像大多數是圓形的?

        • 發布:UI培訓
        • 來源:UI問答
        • 時間:2017-04-12 15:17

        為什么UI設計中,用戶的個人頭像大多是圓形的?

        大家有沒有覺得有越來越多的平臺或App ,喜歡使用“圓形" 作為用戶的“個人頭像" 形狀。該不會是近期的設計風潮?還是大部分UI設計師的愛好?或有其他特別的原因呢?UI設計培訓藉由歸納網路社群中專家的討論,逐步厘清這個秘密,內容精彩不要錯過喔 ~

        個人頭像的定義與發展:

        隨著網路用戶族群快速增加,他們對于藉由平臺與其他用戶互動的需求就越高,也因此發展出許多可互動的平臺類型,例如論壇、信箱、聊天室、部落格到社群等。其中每個用戶都代表著一個獨特個體(無論是真實身份或虛擬角色),這些個體會有相對應的資訊,以及代表個體的個人頭像。而個人頭像通常是具個性化(用戶覺得能代表自我)的標志,大多以平面或3D圖像的方式呈現。

        網友對個人頭像形狀選擇的觀點:

        其實,選擇何種形狀的論戰已不是新聞了,有眾多專家在相關論壇中發表意見與討論。小編擷取與整理他們在Quora與Stack Exchange平臺上討論與發表的論述,并簡單的分類如下。不過,小編先申明,以下內容的排序并無經過提及次數統計(僅隨機排列),且多數回應也無相關驗證或研究資料,所以大家可當成不同“觀點"參考就好。

        感受與認知

        方形太無趣了。

        大腦可較輕易的處理圓形內的訊息,減少認知的壓力。

        相較于方形,圓形更柔性、有機、安全、順眼、現代與友善,也更能與他人情感交流。

        更有關注的感覺,例如想到望遠鏡或放大鏡的視野。

        大多照片的四周都是無意義的背景或訊息,圓形可以將其切除。

        通常拍照會把"人"擺在中心,而圓形中心到四周距離都一致,可讓臉更突出。

        視覺

        視線在方形的焦點有5個(四個角+中心),而圓形只有一個(中心)。

        圓潤的線條或角度,可讓視線自然的追隨與運動,不會像看到90度角而停頓下來,更詳盡的內容可參考這篇。

        在掃視的情況下,使用圓形可協助使用者辨識或區分是否為內容,因為內容通常會置于用方型容器,例如文字、照片或專輯等。

        其他

        行動裝置普及后,因圓形與手指按壓在螢幕上的形狀類似,而被廣泛的使用。

        其實人類早就有這樣的應用,例如將人物應用于圓形硬幣與圓形藝術畫中。

        只是一個設計的風潮,剛好流行到"圓形"這個周期。

        很多準則或模板都只提供圓形版本。

        現在的CSS3技術讓圓角(圓形)輕易實現且各瀏覽器也幾乎都有支援

        作者Anthony 于UX movement 上提出了相關觀點:

        在UX movement 中,作者Anthony也提出了一些有別于上述的觀點,小編簡單整理并陳述如下:

        角度的邊緣,看起來較明顯

        通常方形的銳利四角,因為對比(顏色或形狀)的關系,在視覺上會更明顯,造成干擾。使用圓形并無此問題,所以更可強調重點– “臉部"。

        【為什么UI 設計中,用戶的頭像大多是圓形】

        方形對角線較長

        方形的對角線比邊緣還長,用戶目光易延伸出去;圓形半徑長皆一致,用戶可花更少時間在理解內容,眼球也較不需要移動。

        【為什么UI 設計中,用戶的頭像大多是圓形】

        圓型用于非人物圖片,效果也是一樣的嗎?

        雖然使用圓形的個人頭像可排除不相關的背景,更聚焦于人臉上,但非人物的圖片(風景或食物等)也有同樣效果嗎?Anthony認為不一定,因為可能因此失去了該圖片要傳達的資訊,如景深或細節等。

        【為什么UI 設計中,用戶的頭像大多是圓形】

        UI設計小編觀點:

        上面已整理了許多專家的觀點,大部分是相當的認同的。不過,UI設計培訓也有一些觀點是以上未提到的,想補充給大家做參考,如下:

        較強的設計感

        小編認為圓形的個人頭像,能讓介面傳遞較強的設計感。不過這點會受設計師應用的手法,或使用者的主觀感受影響。此外,平臺無法限制使用者上傳圖片的品質,若上傳圖片的品質、構圖或美感較差,將其套用在圓形的遮罩里,介面的設計感會比方形的好。

        高度親和力

        就如同人與人的交際,在初次見面時,會認為帶有嚴肅表情的人較難相處,而微笑滿面的人可馬上聊起來。為什么會有這種先入為主的觀念呢?這就是“親和力"高低層度的差異所致。而曲線與圓在人們的印象中,就是親和力的象征。若介面上使用圓形的元素(個人頭像等),使用者可能會產生,此產品學習曲線較低的印象。

        好的開始就是成功的一半,對吧!

        雖然矩形可讓空間利用最佳化,但應用圓形又可多一點留白空間

        若不考慮使用者體驗與美學,將不同的內容以方形排列,將最具有效能(一種貨柜的概念),但這樣的產品絕對不會受到用戶歡迎的。因此,設計師都應了解留白帶來的效益,例如降低視覺負擔、增加閱讀性、區隔不同內容與更具美感等。適當的留白對產品來說相當重要,同時也考驗設計師的基礎訓練是否扎實。就個人圖像而言,同樣尺寸下,圓形又能比方形多一些留白空間(在四角處),除了增加與其他內容的區隔性外,也能讓介面帶點趣味性。

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:UX UI傻傻分不清?3分鐘讓你區分UX和UI
        下一篇:UI設計師如何轉型為交互設計師?
        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>