成都網(wǎng)站設(shè)計(jì)的趨勢(二)

2016-09-26    分類: 網(wǎng)站設(shè)計(jì)

一年之際在一春,春天可以說是一個做網(wǎng)站設(shè)計(jì)最美好的季節(jié)了,溫暖的空氣似乎讓設(shè)計(jì)師們更加大膽,這也表示了本月的趨勢是從更大膽的色彩選擇,到更輕的黑色和白色,再到吸引用戶進(jìn)入海報或電影風(fēng)格體驗(yàn)的圖片和類型,真的是靈感無處不在呀。以下是4月份的設(shè)計(jì)趨勢:

1、Poster-Style主頁

全屏主頁設(shè)計(jì)的超大圖片和視頻已經(jīng)流行了一段時間,但是這種趨勢正在以一種方式發(fā)展,它可以移除許多主要的導(dǎo)航元素和文本,以獲得更多的海報或電影風(fēng)格的感覺。這是一種將最小的理論糅合在一起,具有更豐富多彩和華麗的造型。

雖然這一趨勢的想法聽起來可能不足以吸引用戶,但它實(shí)際上可以非常有效地使用正確的視覺效果。是什么制作或打破了海報風(fēng)格的主頁是視覺和文字的質(zhì)量。如果沒有大量的消息傳遞和創(chuàng)建興趣的空間,這些片段必須是異常的才能有效。這種趨勢大的擔(dān)憂是,如果沒有其他的元素,包括導(dǎo)航或者明顯的對操作按鈕的調(diào)用,用戶可能會感到困惑并放棄這個網(wǎng)站。創(chuàng)建一個令人印象深刻的視覺體驗(yàn)是很重要的,但是不要忘記在這個過程中給用戶一些事情做。

下面這三個例子中的每一個都使用了posterstyle的概念,并以同樣引人入勝的方式:

Tofino度假村吸引用戶使用的是一個偉大的形象和有趣的字體?!艾F(xiàn)在的書”呼吁行動是在頂部的角落,用戶通常會尋找導(dǎo)航,但菜單塞在一個漢堡包圖標(biāo)中,CTA是焦點(diǎn)。

Ruya Digital選擇了一種更簡約的風(fēng)格,有深色的背景,但簡單的中間屏幕動畫和不同尋常的文字處理創(chuàng)造了一個視覺興趣點(diǎn)。伴隨元素和文本是小的,并隱藏在屏幕的邊緣,以確保用戶關(guān)注主消息。再一次,沒有主要的導(dǎo)航存在;它需要點(diǎn)擊才能訪問它。

磁通廣播采用一種更有電影經(jīng)驗(yàn)的視頻方式。主頁有完整的屏幕視頻剪輯,短文本和只有幾個小的元素在屏幕上。用戶感覺他們是在看這個設(shè)計(jì)的視頻,而不是跳轉(zhuǎn)到網(wǎng)站的首頁。再一次,導(dǎo)航被塞進(jìn)一個漢堡圖標(biāo)中,彩色圓圈幫助它更醒目一點(diǎn),右下角的一個小動畫箭頭鼓勵用戶在看完視頻循環(huán)后滾動。

2、紫色的調(diào)色板

在潘通(Pantone)命名為紫外線(18-3838)作為年度色彩的幾個月后,紫色色調(diào)在許多設(shè)計(jì)中出現(xiàn),這并不令人感到驚訝。雖然不是所有的調(diào)色板都使用同樣深的深紫色作為年度的顏色,但它已經(jīng)讓更多的設(shè)計(jì)師考慮紅藍(lán)混合選項(xiàng)。這種顏色的優(yōu)點(diǎn)在于它與其他顏色的趨勢很好地融合在一起,比如材料設(shè)計(jì)的亮色調(diào)或更小的黑白調(diào)色板。紫色也可以是你網(wǎng)站設(shè)計(jì)的一個不同點(diǎn)。因?yàn)樗皇且环N過度使用的顏色,它可以給人留下更難忘的第一印象。

有很多紫色的選項(xiàng)可供選擇。顏色可以更多的在紅色或粉紅色的一側(cè),幾乎黑色的黑色的憂郁的感覺,或稍微多一點(diǎn)藍(lán)色。顏色可以是深的,飽和的,或蒼白的,柔和的。幾乎所有的變體都可以單獨(dú)使用,也可以在帶有多個紫色的調(diào)色板中使用。下面的例子展示了實(shí)際顏色的使用范圍,以及在不同的領(lǐng)域中使用它的能力。紫色,是一種幾乎可以避免的顏色,是一種多才多藝、迷人而又友好的顏色。

3、梯度和文本

漸變不只是背景和照片疊加。一個堅(jiān)實(shí)的梯度也可以增加對文本元素的強(qiáng)調(diào),當(dāng)使用的目的。印刷術(shù)的發(fā)展趨勢是向更簡單的字體傾斜,并帶有一點(diǎn)“額外的東西”。這些額外的東西可以是任何東西,從照片填充到流行色到文本處理,例如大小寫或動畫?,F(xiàn)在…梯度。誠然,如果你不喜歡漸變,這可能是一個很難遵循的趨勢。(你的平面設(shè)計(jì)純粹主義者知道你是誰。)但它們絕對是驚人的。Zoocha使用了一個巨大的淡黃色和藍(lán)色的漸變在一個現(xiàn)代的襯線,在一個主要是普通的屏幕。這個設(shè)計(jì)的訣竅是漸變。其他設(shè)計(jì)的簡單性讓它脫穎而出。

《愛情迷失》使用了一種單一的顏色到白色的漸變,用一種更精致的字體來吸引用戶。在這個設(shè)計(jì)中,排版工作的主要內(nèi)容就是內(nèi)容。在一個背誦愛情詩和信件的網(wǎng)站上,幾乎可以預(yù)料到這款粉紅色的、充滿泡沫的字體。粉色也是一樣。這是一個很好的視覺入口點(diǎn)到其他的設(shè)計(jì)。

Michael Rappaz的投資組合網(wǎng)站使用了一個文本漸變效果。設(shè)計(jì)包括一個漸變突出動畫來吸引用戶,而不是漸變填充。它很簡單,視覺上也很有趣。其余的設(shè)計(jì)相當(dāng)簡單,并堅(jiān)持文本元素,沒有運(yùn)動或顏色,因此有一個明顯的焦點(diǎn)。(他還將這一年的色彩融入了其中一種趨勢。)

結(jié)論

你能在設(shè)計(jì)項(xiàng)目中使用這些趨勢嗎?這些網(wǎng)頁設(shè)計(jì)趨勢似乎都有一定的生命力。全屏,海報風(fēng)格高度視覺化,雖然缺乏明顯的導(dǎo)航可能是一個問題;由于與其他趨勢的聯(lián)系,紫色調(diào)色板越來越受歡迎;漸變是經(jīng)常出現(xiàn)的趨勢之一。

網(wǎng)頁題目:成都網(wǎng)站設(shè)計(jì)的趨勢(二)
文章轉(zhuǎn)載:http://www.muchs.cn/news/48300.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司