亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 建站知識(shí)
如何在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用好圖片的技巧

2017-02-21

2695

網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,離不開圖片和文案,讓頁(yè)面更加精致,表達(dá)能力更豐富。但圖片是不能隨便用的,在展示豐富的信息時(shí),又要讓頁(yè)面看起來(lái)簡(jiǎn)潔、內(nèi)容聚焦,同時(shí)頁(yè)面加載速度也快,保證用戶體驗(yàn)好。下面廣州網(wǎng)頁(yè)設(shè)計(jì)公司就分享網(wǎng)頁(yè)設(shè)計(jì)中使用圖片的技巧。

網(wǎng)頁(yè)設(shè)計(jì)中使用圖片的技巧

  1、網(wǎng)站中使用風(fēng)格協(xié)調(diào)統(tǒng)一的圖片

  但是它們的內(nèi)容展示要有所區(qū)別,才能表達(dá)出網(wǎng)頁(yè)中不同的層次。

  在設(shè)計(jì)的時(shí)候,木工藝術(shù)的素材材質(zhì)看上去接近自然木色,因此整體都以自然原木色作為統(tǒng)一的色調(diào),與此同時(shí),每張全屏大圖表現(xiàn)不同的內(nèi)容層次,搭配不同的文字內(nèi)容。每個(gè)屏幕展示一張大圖的同時(shí)也展示一小部分下一張圖片,作為提醒下一步的操作極為重要。



  2、不要在圖片里重復(fù)同一個(gè)概念

  試著將概念聯(lián)系起來(lái)串成線,成為一種敘事。

  在設(shè)計(jì)時(shí),考慮用一個(gè)引導(dǎo)頁(yè)作為故事起點(diǎn),有點(diǎn)像一本書的封面。一個(gè)小小的箭頭ICON在左下角提醒讀者進(jìn)入“正文”

  我們拿出了四個(gè)概念,四個(gè)概念分別用不同的配圖,就像敘事一樣對(duì)網(wǎng)站的“性格特征”進(jìn)行描述。這里我放2張配圖在這里,大家可以點(diǎn)擊進(jìn)入演示觀賞。


  3、如果要在圖片中使用到模特

  這些模特也需要在你貫穿故事始終的同時(shí)保持一致。這里所謂的一致并非是指需要他們都是同一個(gè)對(duì)象,而是指不要讓他們好像從不同的世界走來(lái)一樣。

  設(shè)計(jì)思路就是如此,出現(xiàn)的模特出現(xiàn)在同一個(gè)頁(yè)面,裝扮是統(tǒng)一風(fēng)格的造型,采用豎型排列才會(huì)顯得不沖突。

  來(lái)到這個(gè)網(wǎng)站的首頁(yè)是品牌的大型標(biāo)志,占據(jù)首屏,廣州網(wǎng)頁(yè)設(shè)計(jì)公司點(diǎn)擊進(jìn)入后才來(lái)到一排好像櫥窗一樣的當(dāng)鼠標(biāo)滑過某一張圖片,這張圖片的色調(diào)變亮,就像櫥窗的玻璃滑開,文字消失,引導(dǎo)用戶進(jìn)一步點(diǎn)擊進(jìn)入。這個(gè)故事并非橫向,而是縱向深入的。最后直達(dá)深入到圖片背后的產(chǎn)品理念。


  4、雖然是以圖片來(lái)進(jìn)行敘事

  但是這也并不意味著你就不能使用文字,文字作為輔助可以加強(qiáng)敘事的表達(dá)和理解。

  圖文比例剛好是屏幕的一半,除了展示圖片,更突出文字,文字采用的不同色彩的純色背景,而圖片則是較為淡雅的灰白色系和簡(jiǎn)潔的表達(dá),此時(shí),圖片變成了配角。

  每一頁(yè)之間都采用兩兩相襯的色彩,讓每一頁(yè)都相互聯(lián)系而不至于孤立起來(lái)。

  圖文展示則是圖片為主要焦點(diǎn),但同時(shí)出現(xiàn)文字這個(gè)次要的焦點(diǎn)。有點(diǎn)像一張照片旁邊貼出的一張便簽的說明。圖文相互配合,共同營(yíng)造出想要的那種氛圍。


  5、盡量運(yùn)用簡(jiǎn)潔而具有沖擊力的圖片

  這里所謂簡(jiǎn)潔和沖擊力其實(shí)就是在整個(gè)屏幕只保留唯一一個(gè)視覺焦點(diǎn)。

  在設(shè)計(jì)之初,我們就想要做一個(gè)讓用戶一來(lái)到這個(gè)網(wǎng)站就能飽覽全局的頁(yè)面,同時(shí)又不離開單一的視覺焦點(diǎn)。這不僅要保持簡(jiǎn)潔,同時(shí)又要展示足夠多的信息。常見的首頁(yè)banner設(shè)計(jì),就采用了動(dòng)畫的方式來(lái)解決,左右各設(shè)置一個(gè)箭頭,一個(gè)指向前,一個(gè)指向后,分別在鼠標(biāo)滑過時(shí)展示出前后三張圖片,廣州網(wǎng)站建設(shè)公司讓你能通過移動(dòng)鼠標(biāo)就能大致了解所有圖片的大致樣式。

  以上就是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)中使用圖片的技巧,圖文結(jié)合是網(wǎng)站傳遞信息的有效方式,需要不斷提高網(wǎng)站設(shè)計(jì)這方面的技能,讓網(wǎng)站更加出彩! 


本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案