pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

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(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | led全彩屏-室内|学校|展厅|p3|户外|会议室|圆柱|p2.5LED显示屏-LED显示屏价格-LED互动地砖屏_蕙宇屏科技 | 北京网站建设首页,做网站选【优站网】,专注北京网站建设,北京网站推广,天津网站建设,天津网站推广,小程序,手机APP的开发。 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 奇酷教育-Python培训|UI培训|WEB大前端培训|Unity3D培训|HTML5培训|人工智能培训|JAVA开发的教育品牌 | 陕西高职单招-陕西高职分类考试网 | 玉米深加工设备|玉米加工机械|玉米加工设备|玉米深加工机械-河南成立粮油机械有限公司 | 首页-瓜尔胶系列-化工单体系列-油田压裂助剂-瓜尔胶厂家-山东广浦生物科技有限公司 | 不锈钢水箱生产厂家_消防水箱生产厂家-河南联固供水设备有限公司 | 不锈钢水管-不锈钢燃气管-卫生级不锈钢管件-不锈钢食品级水管-广东双兴新材料集团有限公司 | 电镀标牌_电铸标牌_金属标贴_不锈钢标牌厂家_深圳市宝利丰精密科技有限公司 | 浙江筋膜枪-按摩仪厂家-制造商-肩颈按摩仪哪家好-温州市合喜电子科技有限公司 | 氢氧化钾厂家直销批发-济南金昊化工有限公司 | 罗茨真空机组,立式无油往复真空泵,2BV水环真空泵-力侨真空科技 | 双相钢_双相不锈钢_双相钢圆钢棒_双相不锈钢报价「海新双相钢」 双能x射线骨密度检测仪_dxa骨密度仪_双能x线骨密度仪_品牌厂家【品源医疗】 | 至顶网| 贴片电感_贴片功率电感_贴片绕线电感_深圳市百斯特电子有限公司 贴片电容代理-三星电容-村田电容-风华电容-国巨电容-深圳市昂洋科技有限公司 | 北京环球北美考试院【官方网站】|北京托福培训班|北京托福培训 | 手表腕表维修保养鉴定售后服务中心网点 - 名表维修保养 | 福州仿石漆加盟_福建仿石漆厂家-外墙仿石漆加盟推荐铁壁金钢(福建)新材料科技有限公司有保障 | 空气能采暖,热泵烘干机,空气源热水机组|设备|厂家,东莞高温热泵_正旭新能源 | 大连海岛旅游网>>大连旅游,大连海岛游,旅游景点攻略,海岛旅游官网 | 公交驾校-北京公交驾校欢迎您!| SEO网站优化,关键词排名优化,苏州网站推广-江苏森歌网络 | 阜阳成人高考_阜阳成考报名时间_安徽省成人高考网 | 电磁铁_推拉电磁铁_机械手电磁吸盘电磁铁厂家-广州思德隆电子公司 | 圆盘鞋底注塑机_连帮鞋底成型注塑机-温州天钢机械有限公司 | 悬浮拼装地板_篮球场木地板翻新_运动木地板价格-上海越禾运动地板厂家 | 红外光谱仪维修_二手红外光谱仪_红外压片机_红外附件-天津博精仪器 | 大功率金属激光焊接机价格_不锈钢汽车配件|光纤自动激光焊接机设备-东莞市正信激光科技有限公司 定制奶茶纸杯_定制豆浆杯_广东纸杯厂_[绿保佳]一家专业生产纸杯碗的厂家 | 火锅加盟_四川成都火锅店加盟_中国火锅连锁品牌十强_朝天门火锅【官网】 | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 安徽免检低氮锅炉_合肥燃油锅炉_安徽蒸汽发生器_合肥燃气锅炉-合肥扬诺锅炉有限公司 | 探伤仪,漆膜厚度测试仪,轮胎花纹深度尺厂家-淄博创宇电子 | 压力控制器,差压控制器,温度控制器,防爆压力控制器,防爆温度控制器,防爆差压控制器-常州天利智能控制股份有限公司 | 高硼硅玻璃|水位计玻璃板|光学三棱镜-邯郸奥维玻璃科技有限公司 高温高压釜(氢化反应釜)百科 | PC构件-PC预制构件-构件设计-建筑预制构件-PC构件厂-锦萧新材料科技(浙江)股份有限公司 | 拉力测试机|材料拉伸试验机|电子拉力机价格|万能试验机厂家|苏州皖仪实验仪器有限公司 | 数控专用机床,专用机床,自动线,组合机床,动力头,自动化加工生产线,江苏海鑫机床有限公司 | 尚为传动-专业高精密蜗轮蜗杆,双导程蜗轮蜗杆,蜗轮蜗杆减速机,蜗杆减速机生产厂家 | YT保温材料_YT无机保温砂浆_外墙保温材料_南阳银通节能建材高新技术开发有限公司 |