• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      簡而未減——結構化消息專為大屏而設計

      2017-3-10    用心設計

      <如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里





      隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時,總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式聚焦的體驗,是在小屏幕上完全給予不了的。

      圖中可以看出5.5英寸以上屏幕可以稱Phablet,7英寸以上就是Tablet。這次案例以Tablet設備為主,Phablet設備為輔進行體驗設計。

      在我們的社交平臺上,用戶消息在多個終端設備傳遞中,產品功能只是在原有基礎上簡單粗暴放大而已,那么大屏手機/平板電腦存在的價值化為烏有。

      一、探索痛點,明析思路

      案例分析:這種結構化消息是目前國內主流的一種設計形態。


      1.以消息為主的結構化設計:

      不論是資訊分享、音樂分享、視頻分享不以內容區分而設計,都在一種載體內呈現,這種結構雖普適性強,可以兼容多元化的場景。但因設計形態統一,導致在內容辨識度上也有所下降,內容設計上沒有各自特點,用戶在瀏覽過程中容易忽略內容本質。

      2.信息內容碎片化:

      用戶可以獲取到更多信息,但因內容平均分布,所以畫面不夠聚焦。我們可以把這些內容信息看成點的組合,點的基本屬性是矚目性,能形成視覺的中心.當畫面中有3個以上的相同大小點時,畫面就會顯的凌亂。當畫面有不同面積的點時,較大點會引起人們的注意 ,依次會關注較小的點。

      3.以標題文字為主進行快速瀏覽:

      在瀏覽過程中用戶通常以抓取關鍵詞為主,快速吸引到下一級信息。而圖片在大部分情況下會有被縮小,裁剪,因圖片尺寸較小,從圖中獲取不到更多的信息。
      在原圖中可以清晰的看到電視劇領銜主演的演員,這也是吸引用戶的關鍵因素之一。但被縮小裁剪后,必須借助文字才能獲取到關鍵信息。


      這種以消息為主的結構化設計在iPhone7Plus設備顯示,相同信息可顯示約4-4.5條左右,有效提升屏幕利用率。但如果直接放大或拉伸到大屏幕中,這種設計體驗顯的蒼白無力,沒有充分體現大屏幕沉浸感、聚焦、畫面感的優勢。

       

      二、確立目標,內容為本

      1.以內容為主進行設計:

      用戶會更加關注內容本身,不同的內容采用不同圖片的尺寸和排版,有利于用戶快速區分和記憶。


      2.以圖片為主進行快速瀏覽:

      首先圖片消費已成為閱讀消費中的一個大類,比文字而言,圖片更直觀,更具有視覺沖擊力,也更能適應現代社會的快節奏。圖片對于文字的詮釋作用幫助個人加深文字理解和形象記憶,提高閱讀的有效性和趣味性。一張圖片勝千言萬語,可以有效傳達情緒,迅速和用戶建立起共鳴。


      3.比例結構:

      從布局結構上盡量保證原始的攝影圖片和視頻比例不被過度裁剪。Flickr的一組數據顯示,隨著iPhone很大程度上替代單反成為主流拍照設備,4:3和16:9的圖片數量占比追上了傳統攝影的3:2。而16:9更接近美學比例,黃金分割。


      4.突顯內容,降低信息密度:

      使用負空間讓重要內容吸引用戶的注意力。很多人都說設計師這樣會浪費屏幕的空間,但是留白本身就是設計的基本元素之一。這樣更專注內容展現,通過放大內容,降低頁面信息密度,內容讀取更加舒適。


      三、場景應用,提升效率

      方案場景應用:

      用戶可以快速辨識出內容類型,畫面有了聚焦元素,而不是滿屏的文字,界面賦予了感染力和活力。但如果用戶快速轉發了很多內容時,在兼容小屏設備時,屏幕利用率會有所下降。在iPhone7Plus設備上,同樣大小的信息在一屏內展示2-2.5條。用戶需要在縱向滑動多次才能抵達下一個信息類別。所以針對提高屏幕利用率上進行了方案2橫滑設計。


       

      方案場景應用,引入橫滑設計

      打破屏幕界限,減少跳轉,便于用戶獲得更多信息,在這個系統的基礎之上,構建跨平臺和超越設備尺寸的統一體驗。

      總而言之不去追求那些奇異的事物,而是從人們所“共有的特征”來提取價值,用最自然最合適的方法來重新審視,重新設計。


      藍藍設計m.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務





      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://m.wtxcl.cn

      存檔

      主站蜘蛛池模板: 美女不带套日出白浆免费视频| 婷婷五月AV| 欧美亚洲国产精品久久久久| 人妻无码精品| 中文字幕无码免费不卡视频| 精品无码国产自产拍在线观看蜜 | av中文资源在线资源免费观看| 国产主播在线 | 中文| 日韩欧美视频第一区在线观看| 久久国产影院| 1024手机看片欧美日韩| av亚洲产国偷v产偷v自拍| 成人视频网站在线观看18| 免费观看一级毛一片| 人人肏| 亚洲天堂久久一区av| 日韩av无码免费大片bd| 亚洲AV无码成人网站久久精品| 欧美激情一区二区三区高清视频| 777精品久无码人妻蜜桃| 国产精品国产福利在线观看| 91成人无码| 丁香五月激情综合| 亚洲色图导航| 亚洲av熟女| 亚洲熟女VS国产对比| 青娱乐av| 日本成人在线不卡视频| 97超碰国产精品最新| 岛国av一区二区精品| 修武县| 亚洲精品成人网站在线观看| 国产老熟女伦老熟妇露脸| 宝山区| 人妻中文字幕免费观看| 国产欧美日韩精品一区二区三区 | 色偷偷免费费视频在线| 欧美成人18| 亚洲视频第一区第二区| 婷婷综合久久| 亚洲天堂三区|