2016-09-26 分類(lèi): 網(wǎng)站設(shè)計(jì)
一年之際在一春,春天可以說(shuō)是一個(gè)做網(wǎng)站設(shè)計(jì)最美好的季節(jié)了,溫暖的空氣似乎讓設(shè)計(jì)師們更加大膽,這也表示了本月的趨勢(shì)是從更大膽的色彩選擇,到更輕的黑色和白色,再到吸引用戶(hù)進(jìn)入海報(bào)或電影風(fēng)格體驗(yàn)的圖片和類(lèi)型,真的是靈感無(wú)處不在呀。以下是4月份的設(shè)計(jì)趨勢(shì):
1、Poster-Style主頁(yè)
全屏主頁(yè)設(shè)計(jì)的超大圖片和視頻已經(jīng)流行了一段時(shí)間,但是這種趨勢(shì)正在以一種方式發(fā)展,它可以移除許多主要的導(dǎo)航元素和文本,以獲得更多的海報(bào)或電影風(fēng)格的感覺(jué)。這是一種將最小的理論糅合在一起,具有更豐富多彩和華麗的造型。
雖然這一趨勢(shì)的想法聽(tīng)起來(lái)可能不足以吸引用戶(hù),但它實(shí)際上可以非常有效地使用正確的視覺(jué)效果。是什么制作或打破了海報(bào)風(fēng)格的主頁(yè)是視覺(jué)和文字的質(zhì)量。如果沒(méi)有大量的消息傳遞和創(chuàng)建興趣的空間,這些片段必須是異常的才能有效。這種趨勢(shì)大的擔(dān)憂(yōu)是,如果沒(méi)有其他的元素,包括導(dǎo)航或者明顯的對(duì)操作按鈕的調(diào)用,用戶(hù)可能會(huì)感到困惑并放棄這個(gè)網(wǎng)站。創(chuàng)建一個(gè)令人印象深刻的視覺(jué)體驗(yàn)是很重要的,但是不要忘記在這個(gè)過(guò)程中給用戶(hù)一些事情做。
下面這三個(gè)例子中的每一個(gè)都使用了posterstyle的概念,并以同樣引人入勝的方式:
Tofino度假村吸引用戶(hù)使用的是一個(gè)偉大的形象和有趣的字體?!艾F(xiàn)在的書(shū)”呼吁行動(dòng)是在頂部的角落,用戶(hù)通常會(huì)尋找導(dǎo)航,但菜單塞在一個(gè)漢堡包圖標(biāo)中,CTA是焦點(diǎn)。
Ruya Digital選擇了一種更簡(jiǎn)約的風(fēng)格,有深色的背景,但簡(jiǎn)單的中間屏幕動(dòng)畫(huà)和不同尋常的文字處理創(chuàng)造了一個(gè)視覺(jué)興趣點(diǎn)。伴隨元素和文本是小的,并隱藏在屏幕的邊緣,以確保用戶(hù)關(guān)注主消息。再一次,沒(méi)有主要的導(dǎo)航存在;它需要點(diǎn)擊才能訪(fǎng)問(wèn)它。
磁通廣播采用一種更有電影經(jīng)驗(yàn)的視頻方式。主頁(yè)有完整的屏幕視頻剪輯,短文本和只有幾個(gè)小的元素在屏幕上。用戶(hù)感覺(jué)他們是在看這個(gè)設(shè)計(jì)的視頻,而不是跳轉(zhuǎn)到網(wǎng)站的首頁(yè)。再一次,導(dǎo)航被塞進(jìn)一個(gè)漢堡圖標(biāo)中,彩色圓圈幫助它更醒目一點(diǎn),右下角的一個(gè)小動(dòng)畫(huà)箭頭鼓勵(lì)用戶(hù)在看完視頻循環(huán)后滾動(dòng)。
2、紫色的調(diào)色板
在潘通(Pantone)命名為紫外線(xiàn)(18-3838)作為年度色彩的幾個(gè)月后,紫色色調(diào)在許多設(shè)計(jì)中出現(xiàn),這并不令人感到驚訝。雖然不是所有的調(diào)色板都使用同樣深的深紫色作為年度的顏色,但它已經(jīng)讓更多的設(shè)計(jì)師考慮紅藍(lán)混合選項(xiàng)。這種顏色的優(yōu)點(diǎn)在于它與其他顏色的趨勢(shì)很好地融合在一起,比如材料設(shè)計(jì)的亮色調(diào)或更小的黑白調(diào)色板。紫色也可以是你網(wǎng)站設(shè)計(jì)的一個(gè)不同點(diǎn)。因?yàn)樗皇且环N過(guò)度使用的顏色,它可以給人留下更難忘的第一印象。
有很多紫色的選項(xiàng)可供選擇。顏色可以更多的在紅色或粉紅色的一側(cè),幾乎黑色的黑色的憂(yōu)郁的感覺(jué),或稍微多一點(diǎn)藍(lán)色。顏色可以是深的,飽和的,或蒼白的,柔和的。幾乎所有的變體都可以單獨(dú)使用,也可以在帶有多個(gè)紫色的調(diào)色板中使用。下面的例子展示了實(shí)際顏色的使用范圍,以及在不同的領(lǐng)域中使用它的能力。紫色,是一種幾乎可以避免的顏色,是一種多才多藝、迷人而又友好的顏色。
3、梯度和文本
漸變不只是背景和照片疊加。一個(gè)堅(jiān)實(shí)的梯度也可以增加對(duì)文本元素的強(qiáng)調(diào),當(dāng)使用的目的。印刷術(shù)的發(fā)展趨勢(shì)是向更簡(jiǎn)單的字體傾斜,并帶有一點(diǎn)“額外的東西”。這些額外的東西可以是任何東西,從照片填充到流行色到文本處理,例如大小寫(xiě)或動(dòng)畫(huà)?,F(xiàn)在…梯度。誠(chéng)然,如果你不喜歡漸變,這可能是一個(gè)很難遵循的趨勢(shì)。(你的平面設(shè)計(jì)純粹主義者知道你是誰(shuí)。)但它們絕對(duì)是驚人的。Zoocha使用了一個(gè)巨大的淡黃色和藍(lán)色的漸變?cè)谝粋€(gè)現(xiàn)代的襯線(xiàn),在一個(gè)主要是普通的屏幕。這個(gè)設(shè)計(jì)的訣竅是漸變。其他設(shè)計(jì)的簡(jiǎn)單性讓它脫穎而出。
《愛(ài)情迷失》使用了一種單一的顏色到白色的漸變,用一種更精致的字體來(lái)吸引用戶(hù)。在這個(gè)設(shè)計(jì)中,排版工作的主要內(nèi)容就是內(nèi)容。在一個(gè)背誦愛(ài)情詩(shī)和信件的網(wǎng)站上,幾乎可以預(yù)料到這款粉紅色的、充滿(mǎn)泡沫的字體。粉色也是一樣。這是一個(gè)很好的視覺(jué)入口點(diǎn)到其他的設(shè)計(jì)。
Michael Rappaz的投資組合網(wǎng)站使用了一個(gè)文本漸變效果。設(shè)計(jì)包括一個(gè)漸變突出動(dòng)畫(huà)來(lái)吸引用戶(hù),而不是漸變填充。它很簡(jiǎn)單,視覺(jué)上也很有趣。其余的設(shè)計(jì)相當(dāng)簡(jiǎn)單,并堅(jiān)持文本元素,沒(méi)有運(yùn)動(dòng)或顏色,因此有一個(gè)明顯的焦點(diǎn)。(他還將這一年的色彩融入了其中一種趨勢(shì)。)
結(jié)論
你能在設(shè)計(jì)項(xiàng)目中使用這些趨勢(shì)嗎?這些網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)似乎都有一定的生命力。全屏,海報(bào)風(fēng)格高度視覺(jué)化,雖然缺乏明顯的導(dǎo)航可能是一個(gè)問(wèn)題;由于與其他趨勢(shì)的聯(lián)系,紫色調(diào)色板越來(lái)越受歡迎;漸變是經(jīng)常出現(xiàn)的趨勢(shì)之一。
網(wǎng)頁(yè)題目:成都網(wǎng)站設(shè)計(jì)的趨勢(shì)(二)
文章轉(zhuǎn)載:http://www.rwnh.cn/news/48300.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容