網頁設計師目前在設計界是一個最爲尴尬的存在,一方面(miàn)他們被(bèi)視爲和GEEK黨混在代碼堆裡(lǐ)不懂審美的怪咖,另一方面(miàn)他們又苦于網頁中被(bèi)局限的自由而無法在創意上得到最大延伸,設計師本人無法給自己準确定位。
天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網:/
在我身邊的網頁設計師們,在拿到一個項目的時候,和客戶的觀念博弈後(hòu),最後(hòu),隻能(néng)提供導航、按鈕等基礎元素的設計,而又由于客戶主導著(zhe)産品,因此對(duì)于産品本身沒(méi)有經(jīng)過(guò)展示設計的客戶往往不懂得如何在網站上進(jìn)行有效的安排。而整個網頁的設計效果,就算前期經(jīng)過(guò)設計師苦心經(jīng)營一番交給客戶後(hòu),換掉了設計師精心安排的大圖和文字,不幸的話很容易就淪落成(chéng)了手中又一個失敗作品。在浏覽國(guó)外的優秀網站時,我們是該停下來好(hǎo)好(hǎo)想想我們能(néng)爲網頁設計做什麼(me)?我們的定位是什麼(me)?
這(zhè)一期讓我們從登陸頁開(kāi)始聊起(qǐ)。
很多人在安排網站登陸頁,往往以霸占全屏的輪播大圖來吸引用戶,設計師的做法焦點都(dōu)集中在讓大圖本身足夠震撼和吸引,以便使首頁能(néng)鎖住用戶的眼球。至少,網站的所有者希望能(néng)通過(guò)幾張全屏大圖就能(néng)迅速有效地傳播自己的價值和理念。但是除了簡單讓全屏大圖左右滑動以外,我們還(hái)能(néng)有其他更新鮮的表達方式嗎?或者說,在用戶的期望之外,我們還(hái)能(néng)給到他們其他什麼(me)更加奇妙又更加人性化的體驗呢?帶著(zhe)這(zhè)些問題,不妨讓我們看看下面(miàn)這(zhè)些登陸頁的創作思路。
以紋理爲背景,根據不同的文字滾動,深沉而富有一種(zhǒng)複古和原始的基調,如果你的表達内容是以文字爲主,可以考慮試試這(zhè)類輪播方式。
利用留白作爲滾動圖片的一個吸引的要素,奢華而充滿了空間的張力,頁碼的表現形态也與整體的視覺保持和諧。周圍配以相應的文字,予以部分重疊,凸顯層次感和空間感。
打開(kāi)頁面(miàn)也許除了圖案本身以外,幾乎無其他任何元素,隻有當鼠标滾動到下方時,首屏的圖案瞬間轉變爲内容背景。而在屏幕的左邊,有一個動态的标志,把背景和内容做了更有趣的連接。這(zhè)種(zhǒng)新穎别緻的方式,用在品牌介紹甚至是内容詳細頁面(miàn)都(dōu)非常适宜。
也許這(zhè)裡(lǐ)的大圖不算大,但也在整個登陸頁占據了重要的焦點位置。設計師爲了凸顯焦點也運用了線條和圖形來引導用戶的視線。左邊文字右邊圖片,能(néng)夠把内容表達得更爲清晰,但整個頁面(miàn)元素比較累贅,所幸線條的排版和色彩運用得恰到好(hǎo)處。
可以看到從一個圓形到變作條紋再渾然一片整屏漸變,視覺既簡單,又充滿了動感,鼠标根據不同的角度而讓背景色發(fā)生變化。不過(guò)這(zhè)樣(yàng)做的前提是選擇一個足夠沖擊力和字體和标志。讓它成(chéng)爲視覺焦點。
豎型展示也許已經(jīng)足夠新穎了,但在這(zhè)個網站設計中還(hái)略微傾斜的展示方式,讓頁面(miàn)更加具有新鮮和沖擊力。鮮豔的色彩搭配更強調了這(zhè)一效果。
把圖片一割上下兩(liǎng)部分,然後(hòu)用陰影創建圖片的層次,讓畫面(miàn)顯得更縱深,某種(zhǒng)程度上體現了優雅氛圍。但需要注意的是,必須是圖片本身是有分割的潛力的情況下。有的圖片分割後(hòu)也許會顯得非常錯愕。
這(zhè)是一個介紹APP的網站,可以看到手繪的固定背景之上不斷變幻的應用界面(miàn)演示效果,動态效果非常炫酷。讓人過(guò)目不忘。這(zhè)種(zhǒng)單一的背景讓人鎖定了品牌的内涵氣質。
多以大圖來吸引用戶的策略也可以被(bèi)文字所取代,這(zhè)時,文字搭配一些出乎意料的動态效果和簡單的弧形線條,發(fā)揮了圖片所不能(néng)抵達的目的,精準地表達代替了圖片的模拟兩(liǎng)可。
咖啡館的格調自然是優雅的,那就用一張插圖作爲登陸頁背景吧。但是僅僅是花朵插畫嗎?把你的鼠标往下拖動,你會發(fā)現,邊緣的部分花朵疊加于内容之上,看上去就像從花叢中觀看過(guò)去,十分精緻美好(hǎo)。這(zhè)種(zhǒng)獨具匠心的設計,設計師們,學(xué)起(qǐ)來吧!
注:本文均來自百度搜索,如涉及版權問題,請聯系我們,我們會第一時間解決。