<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 網(wǎng)頁大圖片應(yīng)用技巧淺析

    2015-3-30    藍(lán)藍(lán)設(shè)計的小編

    藍(lán)藍(lán)設(shè)計www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

    每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

    來源:http://www.woshipm.com/ucd/141498.html

     如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

    用圖像創(chuàng)造場景感,增強用戶的真實體驗,近些年來,圖片作為背景填充整個屏幕的設(shè)計越來越廣泛,曾經(jīng)只有時尚潮流網(wǎng)站或者攝影類站點才會特別依賴富有沖擊力的圖像,但是現(xiàn)在幾乎任何類型的網(wǎng)站都有可能采用這種大圖片作為背景,特別是企業(yè)品牌宣傳、產(chǎn)品介紹等等。

    圖1

    在設(shè)計網(wǎng)頁過程中,需要用到大量的圖片,而且找到的圖片大多風(fēng)格迥異、無品牌感,那么如何找到合適而又能正確地應(yīng)用圖片呢?

    如何正確應(yīng)用圖片

    整理了一些經(jīng)驗總結(jié)供大家參考:

    1 .提煉關(guān)鍵詞尋找圖片

    首先需要提煉產(chǎn)品特性關(guān)鍵詞,通過關(guān)鍵詞的形式尋找合適的圖片。

    QQ截圖20150106144641

    上圖是google云盤官網(wǎng)banner背景為一張在飛機向外看的圖片,不難發(fā)現(xiàn)用這種比擬手法來表現(xiàn)云盤的口號“隨時隨地使用”,在任何時候、任何地點都可以使用文件。換位思考,假如我們來設(shè)計google云盤官網(wǎng),首先提煉出關(guān)鍵詞:隨時隨地、自動同步、超大空間等等,用最能突出特點和有代表性的關(guān)鍵詞來尋找合適的圖片。

    {7101B016-4F1A-4D88-B17C-2AD8109BBF35}

    上圖是IBM旗下的MobileFirst產(chǎn)品,其主要為用戶移動應(yīng)用從創(chuàng)建到維護推出的一體化解決方案為廣大用戶提供更便利服務(wù),那么根據(jù)項目提煉出關(guān)鍵詞:手機、用戶,該網(wǎng)站用了一張人拿著手機進行使用的圖片,目的是為了突出項目的業(yè)務(wù)特點。

    apple

    QQ截圖20150310173705

    上圖分別為蘋果官網(wǎng)、研究無線電技術(shù)企業(yè)——高通的網(wǎng)站中運用的圖片同樣也是通過產(chǎn)品特點提煉的關(guān)鍵詞來完成圖片的選用。

    2. 圖片品牌化

    什么是圖片品牌化?通過關(guān)鍵詞尋找到的圖片進行深度加工處理,使之在項目中運用到的圖片都是一整套的、風(fēng)格統(tǒng)一的,比如可以在圖片的色調(diào)、色彩飽和度與特色風(fēng)格上做調(diào)整等等,下面舉幾個案例。

    google-Drive

    Google Drive官網(wǎng)摘取出來的圖片,這些圖片不難發(fā)現(xiàn)無論在色調(diào)、色彩飽和度上是一致的,特點是低飽和度、顏色深沉和圖片噪點,顏色上新穎有特色、風(fēng)格上具有明顯的品牌統(tǒng)一性。

    SAP

    上圖為SAP公司官網(wǎng)的系列圖片,作為全球最大的B2B企業(yè)為各行各業(yè)、不同規(guī)模的其他企業(yè)提供解決方案,正如它運用不同行業(yè)場景的圖片一樣:色彩豐富、但色調(diào)又不過于鮮艷,它們所有用到的圖片都有這些特點。

    qualcomm

    美國高通網(wǎng)站的品牌宣傳圖片讓人印象深刻,品牌特點獨樹一熾,顏色上運用冷暖搭配,加以漸變效果巧妙地疊加于圖片上,雖然顏色種類不多,但能在風(fēng)格、品牌上具有強烈的統(tǒng)一性,讓人對品牌辨識度有更加深刻的記憶性。

    項目實踐

    去年做了幾個騰訊云的項目改版,嘗試新的風(fēng)格探索,排版上采用了大圖片為背景。設(shè)計過程中考慮到產(chǎn)品的長遠(yuǎn)發(fā)展,通過研究后發(fā)現(xiàn)圖片統(tǒng)一風(fēng)格在產(chǎn)品品牌推廣上有著非常重要的作用,通過幾經(jīng)打磨快速整理了實現(xiàn)方案。騰訊云線上新版本的頁面圖片已經(jīng)實現(xiàn)了統(tǒng)一風(fēng)格。

    配圖2

    總結(jié)

    大圖片作為背景的設(shè)計風(fēng)格,這種設(shè)計方式雖然非常強有力地抓住用戶的注意力,能準(zhǔn)確應(yīng)用圖片而達(dá)到更大的體驗效果是非常重要的,如果去掌握,了解項目背景,利用關(guān)鍵詞的方式尋找更合適的圖片,此外還需關(guān)注用戶對產(chǎn)品的印象程度,那么圖片的品牌化就顯得格外重要,把產(chǎn)品所用的圖片設(shè)計為一整套統(tǒng)一的風(fēng)格出來的效果是不可估量的。

     

    作者:Leey

    來源:騰訊ISUX

    原文地址:http://isux.tencent.com/image-application.html

    日歷

    鏈接

    個人資料

    存檔

    主站蜘蛛池模板: 国产女人精品视频国产灰线| 国产精品久久午夜夜伦鲁鲁| 欧美精品黑人粗大免费| 国产91精品黄网在线观看| 精品欧洲AV无码一区二区男男 | 欧美亚洲精品中文字幕乱码免费高清| 国产l精品国产亚洲区在线观看 | 无码人妻精品一区二区| 99精品无人区乱码在线观看| 久久精品国产72国产精福利| 热re99久久精品国产99热| 国产精品免费高清在线观看| 在线精品自拍无码| 日本国产精品久久| 国产精品哟女在线观看| 日韩精品在线视频| 99久久精品国产高清一区二区| 狼色精品人妻在线视频| 在线精品亚洲一区二区小说| 午夜精品久久影院蜜桃| 久久精品中文字幕第23页| 国产精品久久久久久久久久免费| 久久免费精品视频| 精品视频在线免费观看| 国产精品久久国产精品99盘 | 久久久久这里只有精品| 国内精品视频在线观看| 国产乱子伦精品免费视频| 99re只有精品8中文| 亚洲精品欧美综合| 91精品国产人成网站| 99久久国产综合精品网成人影院 | 日韩人妻精品无码一区二区三区| 亚洲精品黄色视频在线观看免费资源| 精品国产一区二区三区2021| 狠狠精品久久久无码中文字幕 | 精品亚洲成α人无码成α在线观看| 国产精品成人99久久久久| 国产激情精品一区二区三区| 国产亚洲精品线观看动态图| 精品无人区无码乱码大片国产|