嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

【譯文】VR UI設計案例學習

2016-10-9    濤濤

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

最近,我在一個安卓VR app項目當中負責界面的設計開發工作。對我個人來說,這是一片從未涉足過的全新領域,因此感到無比興奮,并希望將自己一路上所學到的經驗分享給各位,同時也想通過這種形式對自己的一些設計方法和解決方案進行總結。

為了使內容結構更加清晰合理,并更具實戰參考性,我參考了IDEO的設計思維理論、Toni Parisi所著的Learning Virtual Reality一書(以及更多VR相關書籍),還有來自UX Clan的The Weapon for Digital Product Jedi一文,并決定將本文話題聚焦在整個設計流程當中的以下幾個階段:

  • 探索與研究
  • 技術需求與局限
  • 腳本、信息架構、功能與內容
  • 草圖
  • 界面原型
  • GUI設計

探索與研究

隨著技術與應用理念的不斷成熟,VR將有可能成為我們日常生活的重要組成部分,并在以下這些領域當中帶來令人激動的全新體驗模式:

視頻游戲

最為典型的應用領域。當你和人們說起VR時,多數人立刻會想到游戲 – 深度的沉浸感,忘我的全身心參與其中 – 這些體驗需求使開發者、游戲主機及周邊設備廠商們望眼欲穿。可以肯定,如今多數的VR團隊都渴望在這一領域當中分得一塊蛋糕。

社交

在VR技術的推動下,用戶自主創建并互通互動的虛擬世界同樣可以成為極具真實感與自由度的全新社交舞臺。諸如High Fidelity(由Second Life的創始人Philip Rosedale創建)、AltSpace VR以及舊金山灣區的一些創業公司已經開始在這個領域當中發力了。

教育

3D化的內容呈現方式一直都是互動式教學當中的重要手段。結合VR技術帶來的沉浸感及虛擬交互體驗,學習過程將充滿實踐性和趣味性,從而更加卓有成效。

生產力

目前,在某些領域當中,已經有一些研究者和小型公司開始探索如何將VR作為生產工具來代替傳統的桌面設備了。可以試著設想一下在完全虛擬的辦公環境當中自由操作虛擬工具、處理工作內容的情景。

觀光

高質量的360°全景影像非常引人入勝,能夠幫助用戶簡單快捷的實現觀賞體驗,足不出戶,逛遍天下。

建筑與房產

這些行業當中的先行者已經開始試驗VR技術的運用了,包括拍攝全景影像以及構建可交互的虛擬建筑空間等等。影像的形式適合于向客戶呈現已有的產品,而虛擬空間則更加適用于在規劃階段演示復雜的設計方案。

現場直播

VR視頻將成為音樂會、新聞現場及其他直播場景的重要傳播形式。就在不久之前,Paul McCartney、Jack White等樂人已經通過這種形式來轉播自己的現場表演了。

網頁瀏覽

Mozilla已經開始向他們的瀏覽器(Firefox)當中添加VR支持能力,Google方面也是同樣。除了技術方面的研究,Mozilla同時也在對VR當中的網頁導航模式及頁面展示方式進行探索。

更多專業應用

VR技術的巨大潛力還將體現在諸多領域,包括軍事訓練、醫學培訓與診療、工程、設計等等。

你可以在Within.in了解到更多更具體的VR應用案例。

技術需求與局限

我們的產品在總體形式上會像YouTube和Vimeo那樣為用戶提供VR視頻服務;視頻內容本身會按照類別與標簽進行組織。

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

基于產品自身的目標及其輸入、輸出等方面的特性,我們在著手制作產品原型之前,首先對實現產品所需的技術,包括可能遇到的瓶頸和局限,以及有可能產生的潛在問題進行了充分的預研,使設計師在接下來制定設計決策的時候能夠更加準確和。

信息架構、交互腳本、功能與內容

這個階段的目標包括梳理信息架構,制定交互腳本,對每個界面的功能與內容進行定義描述。所產出的文檔可以為整個項目帶來更加全局化的視野,使接下來的實際設計工作能夠聚焦于最關鍵的信息,減少無用功,同時也能將更多的時間節省出來,用于對VR交互設計模式進行探索。

我通常使用Xmind來逐個模塊的梳理產品信息架構,并配以簡單的流程圖來理解產品功能與內容的全景。

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

草圖

即便是對于VR產品,在探索階段通過紙筆來快速呈現和溝通想法依然是非常重要的設計方式。紙和筆不會像設計軟件那樣需要你將很多注意力聚焦在“工具”本身的使用上,不會局限你的思考,能幫你以最快的速度將想法落實下來,同時在多人溝通協作方面也具有相當高的實用價值。

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

界面原型

經過前面幾個環節的探索,你應該已經對產品的整體架構,包括界面的數量及內容、布局等等有了比較清晰的認知,接下來便可以進入原型制作階段了。原型的意義在于驗證想法、獲取反饋、通過迭代進一步驗證想法,周而復始。

我通常使用Boxshot來快速制作虛擬環境的效果樣式,通過Blender為VR界面元素建模,最終在Unity 3D當中完成原型制作。

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

使用Boxshot完成3D空間效果

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

3D Max/Unity 3D

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

Unity 3D中的處理過程

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

Unity 3D當中的分類菜單視圖

GUI設計

接下來是實際的圖形化UI設計階段,用戶最終要與其進行直接互動。這個階段對于多數傳統UI設計師來說應該是最為熟悉的,其中有三點要素需要特別關 注,包括符合產品自身特質的情感化體驗塑造、符合3D世界交互原則的設計語言運用,以及符合用戶對于數字化界面既有認知的設計模式。這三者之間的良好平衡 是塑造VR圖形界面的關鍵所在。

【譯文】VR UI設計案例學習-IAMUE-交互設計學堂

我已將更多實際的mockup放到了Behance上,歡迎訪問,也期待與各位進行交流。

本文來自Be For Web

譯者信息: C7210 – 交互設計師、貓奴、吉他手、鼓手、老狗,現就職于騰訊ISUX(上海)

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 欧美成人精品一区二区| 亚洲在线视频一区| 欧美视频在线观看免费网址| 亚洲国产第一| 国内一区二区三区| 欧美一区二区免费观在线| 午夜精品福利一区二区蜜股av| 国产精品一区二区久久 | 欧美国产综合一区二区| 亚洲国产成人精品久久| 女生裸体视频一区二区三区| 亚洲国产精品一区二区第四页av | 久久激情网站| 亚洲欧洲偷拍精品| 欧美日韩精品欧美日韩精品一| 一区二区高清| 免费欧美网站| 亚洲欧美资源在线| 伊人久久男人天堂| 欧美日韩国产区| 国产亚洲欧洲| 欧美一区二区三区精品电影| 久久久久国内| 日韩网站在线观看| 国产欧美日韩激情| 欧美精品一区二区三区视频| 欧美一区二区三区在| 亚洲国产一区二区三区a毛片| 亚洲一区综合| 亚洲电影在线看| 国产精品久久久久免费a∨大胸 | 亚洲午夜女主播在线直播| 国产美女精品一区二区三区 | 欧美国内亚洲| 先锋影音一区二区三区| 亚洲片在线资源| 久久影院亚洲| 欧美一区二区视频97| 宅男在线国产精品| 在线观看国产日韩| 国产日产精品一区二区三区四区的观看方式 | 免费看成人av| 久久黄色影院| 亚洲免费在线| 亚洲精品永久免费精品| 激情五月综合色婷婷一区二区| 欧美性片在线观看| 欧美日韩亚洲综合| 欧美xart系列高清| 久久视频一区| 久久久久久综合网天天| 欧美一区二区三区在线播放| 亚洲少妇一区| 99精品视频免费在线观看| 你懂的视频欧美| 欧美在线观看你懂的| 亚洲女女女同性video| 亚洲尤物影院| 亚洲——在线| 欧美一区二区三区免费观看视频| 性欧美长视频| 久久精品国产69国产精品亚洲| 欧美激情综合网| 在线日韩中文| 一区二区亚洲欧洲国产日韩| 国产一区三区三区| 国产亚洲美州欧州综合国| 国产日产精品一区二区三区四区的观看方式 | 久久精品国产一区二区电影 | 99re国产精品| av成人老司机| 亚洲一区二区三区乱码aⅴ蜜桃女| 亚洲最新在线| 午夜欧美大片免费观看 | 亚洲精品美女在线观看| 亚洲精品一区久久久久久| 99热精品在线| 欧美一二三视频| 久久先锋影音| 欧美日韩高清在线| 国产欧亚日韩视频| 亚洲二区在线观看| 亚洲视屏在线播放| 久久九九有精品国产23| 亚洲第一在线综合网站| 一区二区三区免费网站| 欧美一区二区三区久久精品| 免费亚洲婷婷| 国产精品夜夜夜| 亚洲二区精品| 欧美一区网站| 亚洲国产日韩一区| 亚洲欧美国产一区二区三区| 久久久久九九视频| 国产精品jvid在线观看蜜臀| 精品999网站| 亚洲欧美日韩综合一区| 免费日韩av电影| 亚洲欧美日韩精品久久久| 欧美成年人视频网站| 国产麻豆精品视频| 亚洲欧洲美洲综合色网| 欧美在线日韩精品| 亚洲黄色在线看| 欧美一区二区视频观看视频| 欧美日韩情趣电影| 亚洲精品乱码久久久久久久久| 欧美制服丝袜第一页| 日韩视频一区二区三区| 久久久久久免费| 国产日韩亚洲欧美精品| 蜜桃久久精品一区二区| 夜夜嗨av一区二区三区免费区| 久久精品在线播放| 国产欧美一区二区三区沐欲 | 亚洲美女在线看| 另类亚洲自拍| 午夜精品久久久久久久蜜桃app | 久久综合九色综合久99| 亚洲专区免费| 国产精品久久久久久久久免费桃花| 亚洲国产高清在线| 久久激情五月激情| 亚洲免费在线观看视频| 国产精品嫩草99av在线| 国产在线播放一区二区三区| 久久精品论坛| 欧美一区二区三区久久精品茉莉花 | 国产日韩精品久久久| 一区二区精品在线| 91久久久国产精品| 欧美黑人在线观看| 日韩亚洲欧美一区二区三区| 欧美国产乱视频| 欧美成人一区二区三区在线观看 | 久久精品成人欧美大片古装| 国产日韩欧美高清免费| 香蕉免费一区二区三区在线观看| 一区二区三区日韩在线观看 | 亚洲成人资源| 欧美高清自拍一区| 欧美黄色aa电影| 宅男噜噜噜66国产日韩在线观看| av不卡在线| 国产美女精品| 欧美国产一区二区| 欧美精品尤物在线| 亚洲性色视频| 性色av一区二区怡红| 一区在线视频观看| 亚洲高清毛片| 欧美视频一二三区| 欧美一区二区高清| 久久一区二区三区国产精品| 亚洲六月丁香色婷婷综合久久| 亚洲精品自在在线观看| 国产精品久久久久久亚洲毛片| 久久久久久久尹人综合网亚洲| 久久综合久久综合九色| 欧美高清hd18日本| 国产精品久久久久aaaa樱花| 久久gogo国模裸体人体| 久久蜜桃精品| 亚洲综合视频在线| 久久精品91| 亚洲性av在线| 久久婷婷影院| 亚洲欧美大片| 久久综合999| 午夜精品一区二区三区在线视| 久久深夜福利免费观看| 午夜欧美不卡精品aaaaa| 久久午夜精品| 欧美一进一出视频| 欧美黄色日本| 久久爱www久久做| 欧美伦理a级免费电影| 久久国产日本精品| 欧美日韩国产在线观看| 久久高清免费观看| 欧美激情精品久久久久久变态| 欧美在线视频a| 欧美久久在线| 欧美成人精品在线视频| 国产欧美日韩在线视频| 亚洲另类在线一区| 在线成人黄色| 久久成人18免费网站| 亚洲欧美国产精品va在线观看 | 亚洲日本va午夜在线电影| 国产日韩在线不卡| 亚洲精品一区二区三区四区高清| 激情久久中文字幕| 亚洲欧美国产高清| 亚洲免费小视频| 欧美精品久久99久久在免费线| 欧美大香线蕉线伊人久久国产精品| 国产精品一区二区久久| 中文国产成人精品久久一| 日韩视频在线观看免费|