久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

360極速瀏覽器品牌設計分享

360極速瀏覽器品牌設計分享 三聯

  項目背景

  自 2010年9月15日360極速瀏覽器發布以來,默認界面一直沿用Chrome的外觀設計。隨著360極速瀏覽器的發展以及品牌化建立的需求,360UXC與產品團隊進行了深度的合作,以優化用戶體驗與提升視覺品質為目標參與到極速瀏覽器6.0版本的整體形象設計中,設計了全新的瀏覽器界面和官方網站,為360極速瀏覽器的品牌化建立打下了堅實的基礎(chrome.360.cn)。

  設計準備

  我們為建立品牌化視覺設計進行了多種有意義的嘗試,設計前期與產品部門進行了深度的溝通交流,了解產品的人群定位,發展方向,用戶研究進行了核心360極速瀏覽器用戶調研,為下一步設計做好充分的準備。之后組織設計師,進行Brainstorming,分析現在的設計流行趨勢,包括相關競品優缺點分析等工作。

  首先我們從整體的設計趨勢出發,研究總結Windows xp風格過渡到Windows 8的Metro風格變化過程,發現整體的界面質感慢慢趨向于平面化,這為后期設計帶來了理論性依據。

  從界面的側面圖來看,漸變厚度的過渡,讓視線更多的關注于信息內容本身。所以在設計過程中,我們并不是一味的追求metro視覺效果,同時要考慮 Windows xp和windows 7的用戶,所以從另一個角度思考這樣的設計是把關注點放到信息內容本身,而非界面元素上。同時我們分析了相關行業競品,通過比較分析確定了極速瀏覽器的視覺風格定位。

  設計目標

  這次極速瀏覽器產品界面改版整體視覺風格的關鍵詞可以定義為:輕量化,品牌化,快速。輕量化-體現極速瀏覽器更輕量,功能更精簡;品牌化-凸顯建立極速品牌化特征;快速-簡化信息呈現的層次,優化操作與內容區域。

  極速瀏覽器界面設計

  我們在視覺設計上進行了很多嘗試,整體框架用極簡的線條拼接而成,去掉多余干擾的視覺表現元素。全新的設計,給用戶耳目一新的感覺。

  Tab色彩選擇,我們進行了很多配色和形式的嘗試。

  網站縮略圖的定制化

  把大部分常用網站做成定制化圖形放到界面,在第一時間讓用戶對網頁內容感覺直觀,同時達到界面與內容可視化的統一,更整體。

  控件化輸出,精細到每一處設計細節

  在圖標設計中, 應該保證其輪廓清晰,圖形應采用抗鋸齒角度進行設計;盡量填滿整個畫布,但要避免出現裝飾性視覺元素影響圖標的識別性。簡潔的界面往往更需要細節的深入刻畫,這樣界面才能簡約而不簡單。

  官網首頁設計

  1、界面布局及信息:

  簡化界面布局,精煉界面元素和信息,在保證瀏覽者對于頁面以及產品有足夠的認知的情況下,使界面做得盡量簡潔,從而傳達出更輕盈的視覺感受;

  2、色調:

  簡約而通透的高明度頁面。白色,因其明度最高,無色相,明亮干凈、暢快、樸素,永恒無暇,在自然界象徵著極致的純凈與貞潔。輕快的白色可以給人很好的輕快速度感,整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。所以整體界面基調明度較高。

  3、背景選圖:

  明亮大窗的房間一角,陽光靜靜的瀉進來,打造你所熟悉并喜歡的環境,舒適、安靜、勿打擾的環境誰不愿意多停留一些時間呢,同時打造畫面的空間感,前景物體清晰可辨,背景虛化,畫面形成縱深感,層次分明主題突出,使畫面在高亮基調下層次更加豐富。

  二級頁

  秉承首頁的簡約,輕薄,現代風格,重內容輕質感,通過文字信息大小、顏色和間距使內容產生自發的性質的分離和形式感,明亮的白色無邊框背景,使頁面更加通透。實驗室界面使用兩個概念性的配圖,介紹html5和雙核瀏覽器實驗室,白的背景,簡單的布局繼續保持整站簡約、輕薄、明快的氣質。

  設計細節-字體

  在原有字體結構基礎上將筆畫重新整合歸納,簡化橫、豎,強調鉤、捺,融入簡潔利落的現代審美意趣,使字體端秀舒展、清新挺拔,對漢字結構的認知與現代字體設計之間的關系。設計成個性強,兼具現代感的新字體,能加入自我的思維與創新,即傳統又時尚。結構寬博嚴謹,筆畫設計靈動自然。

  設計細節-按鈕

  首頁網站banner營造的是一種自然的環境,真實且貼近用戶,“免費下載”作為官網的重要功能點,受到自然光環境的影響,投影映射到桌面,設計成整個場景中的一個元素,放在桌面上的一件物品,與整個場景渾然一體。采用統一光源,逆光效果使主體更加突出、靈動。

  配圖從視覺的形象闡釋說明html5和雙核實驗室的概念

  總結

  UXC 在整個項目設計過程中產品團隊,用戶研究密切合作,定義極速瀏覽器設計方向,整個過程可以總結為三大部分:1,設計方案由產品即時給出反饋,2,建立反饋流程了解用戶的想法,3,按照預期標準按時輸出。最終上線得到用戶的廣泛認可,同時極速瀏覽器獲得了公司的項目獎,UXC團隊在以后的工作中會再接再厲,設計出更好的作品,因為,瀏覽器主要以可用性為主,如果在使用中遇到什么問題或者有好的想法也歡迎一起討論交流:)

  極速瀏覽器官網:http://chrome.360.cn/

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。
360

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 日本免费视频在线观看 | 亚洲高清视频在线 | 日本午夜网站 | 国产免费让你躁在线视频 | 亚洲精久 | 亚洲最大看片网站 | 欧美精品一区在线 | 国产一区二区在线播放 | 欧美精品99 | 亚洲精品一区二区三区在线 | 亚洲国产精品久久久久 | 国产一区二区三区视频免费观看 | 日本午夜网站 | 一区二区三区四区av | 国产精品精品视频一区二区三区 | 伊色综合久久之综合久久 | 伊人影院在线观看 | 日韩国产一区二区三区 | 久久精品综合网 | 久久久久一区二区 | 亚洲一区二区三区四区视频 | 伊人网在线看 | 成人免费在线观看视频 | 国产精品成人一区二区三区 | 日韩精品二区 | 久久久久久久久久久高潮一区二区 | 婷婷91 | 日日夜夜精品视频 | 免费观看羞羞视频网站 | 久久亚洲一区 | 欧美一级二级在线观看 | 蜜桃精品视频在线 | 国产精品久久久久久影院8一贰佰 | 国产第1页| 国产一区二区三区在线 | 激情欧美日韩一区二区 | 免费在线观看一区二区 | 天天操 天天操 | 亚洲精品免费在线观看 | 欧洲亚洲视频 | 久久亚洲综合 |