怎樣制作一個(gè)時(shí)尚的網(wǎng)頁(yè)!

2014-4-15    藍(lán)藍(lán)設(shè)計(jì)的小編

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

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

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

UI設(shè)計(jì)師想學(xué)習(xí)做時(shí)尚網(wǎng)站嗎?購(gòu)物網(wǎng)站、時(shí)尚作品集、時(shí)尚部落格或者雜志都可以呦,這些網(wǎng)站界面設(shè)計(jì)的一個(gè)特點(diǎn)就是——都灰常受歡迎。怎么樣,你也心癢癢了吧?我相信在你看藍(lán)藍(lán)設(shè)計(jì)這篇文章的同時(shí),就已經(jīng)下定決心做一個(gè)自己的時(shí)尚網(wǎng)站設(shè)計(jì),所以話不多說(shuō),直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁(yè)的一些知識(shí),希望你能有所收獲~

How to Create a Fashion Website - Latest Effective Practices and Tips

1.選擇一個(gè)平臺(tái)

首先問(wèn)你一個(gè)問(wèn)題,你認(rèn)為自己有足夠的才華從頭開(kāi)始編寫(xiě)一個(gè)網(wǎng)站嗎?如果答案是”yes”,那么你能很好的運(yùn)用設(shè)計(jì)軟件諸如Dreamwaver, Photoshop, WebEasy, Web Creator嗎?如果不能,那你可能要借助CMS平臺(tái)了。你需要雇傭一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師或者一個(gè)專業(yè)團(tuán)隊(duì),國(guó)內(nèi)的話,可以去優(yōu)設(shè)服務(wù)平臺(tái)咨詢。當(dāng)然了,雇傭?qū)I(yè)團(tuán)隊(duì)非常好,能快速建立網(wǎng)站,但是銀子也是必須要花的喲!

當(dāng)然,若你是一個(gè)準(zhǔn)備入行的新手,對(duì)自己非科班出身有疑問(wèn)的話,推薦您看看這篇文章《非科班的我如何成為一名設(shè)計(jì)師?》。另外優(yōu)設(shè)哥也曾推薦過(guò)一些經(jīng)典的從零開(kāi)始的網(wǎng)頁(yè)設(shè)計(jì)教程,譬如《PS經(jīng)典教程:從零開(kāi)始設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)》,千萬(wàn)也不要錯(cuò)過(guò)喲:)

2. 為你的網(wǎng)頁(yè)選擇一個(gè)時(shí)尚設(shè)計(jì)

在創(chuàng)建網(wǎng)站時(shí),你是否使用網(wǎng)頁(yè)模版、CMS或者雇傭網(wǎng)頁(yè)設(shè)計(jì)師這些都是小菜,主菜是:你必須選擇一種能夠即符合你的標(biāo)準(zhǔn)又取悅用戶的風(fēng)格。下面是一些模板展示:

品模版
Luxury Fashion Template

你可以選擇黑色或白色或者單一色的網(wǎng)頁(yè)設(shè)計(jì),這樣看起來(lái)會(huì)很經(jīng)典,就像香奈兒的小裙子一樣。但是呢,就像香奈兒的小裙子不會(huì)適合所有人一樣,黑白也不能hold住所有的風(fēng)格,這時(shí)候你就需要做深思狀了,好好思索你的網(wǎng)站獨(dú)特性是什么。

這里有一些小貼士,在你選擇設(shè)計(jì)類型時(shí)可以作為參考:

  • 調(diào)色板
  • 字體辨識(shí)度
  • 圖片拉近目標(biāo)視野的能力
  • 圖片種類
  • 網(wǎng)頁(yè)背景
  • 頁(yè)面動(dòng)畫(huà)和過(guò)渡效果

3.市場(chǎng)調(diào)查

在浩瀚的網(wǎng)站中,時(shí)尚網(wǎng)站是競(jìng)爭(zhēng)最激烈的類型之一,所以,發(fā)現(xiàn)一個(gè)有利可圖的市場(chǎng)真的非常重要。假定你已經(jīng)選好了市場(chǎng),你可以直接去進(jìn)行網(wǎng)站市場(chǎng)調(diào)查。所有的時(shí)尚產(chǎn)品和服務(wù)你都可以涉獵,但是你需要知道怎樣、在哪發(fā)現(xiàn)顧客。

通過(guò)提供不同種類的信息,市場(chǎng)調(diào)查可以為你指引未來(lái)的方向,例如:

  • 市場(chǎng)飽和度
  • 需求、供給、價(jià)格三者之間的聯(lián)系
  • 主要競(jìng)爭(zhēng)者和他們的策略
  • 你的網(wǎng)頁(yè)關(guān)鍵詞
  • 潛在消費(fèi)者的興趣、需要和行為
  • 潛在流量來(lái)源

4. 雇傭一個(gè)專業(yè)的網(wǎng)絡(luò)市場(chǎng)專員

如果你希望網(wǎng)站盈利,那么你就需要一個(gè)市場(chǎng)營(yíng)銷(xiāo)專業(yè)人士指點(diǎn)迷津,因?yàn)樗麄冎榔胀I(yíng)銷(xiāo)知識(shí),網(wǎng)絡(luò)營(yíng)銷(xiāo)知識(shí),社交媒體開(kāi)發(fā)以及SEO的知識(shí)。他們能給你提一些適時(shí)的、有效的建議,幫助優(yōu)化你的網(wǎng)站。

5.小心選擇圖片

時(shí)尚網(wǎng)站與其他的網(wǎng)站不同,它的曝光率非常大,所以,有吸引力的照片可以讓你的網(wǎng)站吸引更多的瀏覽者。一定要選擇一個(gè)好看的圖片呦~就是辣種可以做桌面的、非常高端大氣上檔次的!圖片越吸引眼球,網(wǎng)站流量就越高。

Fashion Template

你可以使用分開(kāi)的圖片,將它們排成一排,每一個(gè)圖片都可以引申出一個(gè)單獨(dú)的網(wǎng)頁(yè)。如果你想展示圖片,那么這種類型的模板很適合你,同時(shí)你也可以遵照網(wǎng)頁(yè)的特點(diǎn)選擇不同的類型,如下:

旋轉(zhuǎn)型

旋轉(zhuǎn)是圖片排列的一種形式,它通過(guò)旋轉(zhuǎn)來(lái)展示多個(gè)圖片,給用戶帶來(lái)了交互式體驗(yàn)。

在旋轉(zhuǎn)圖列中,你可以同時(shí)看幾個(gè)縮略圖。這種方式可以用在主頁(yè)上,然后將用戶帶到其他的頁(yè)面,非常的有趣也很有效。

Vogue
Vogue

滑動(dòng)型

有些人會(huì)認(rèn)為滑動(dòng)型是旋轉(zhuǎn)型的一種,其實(shí)不是的,因?yàn)榛瑒?dòng)型是滑動(dòng),旋轉(zhuǎn)型是旋轉(zhuǎn),我說(shuō)清楚了嗎…==

The Business of Fashion
The Business of Fashion


大背景型

這種類型很適合醒目的頁(yè)面,你最好選擇大而且沒(méi)有小細(xì)節(jié)的圖片作為背景。背景型想要表達(dá)的東西很清楚,下面是一些例子:

Carolina Herrera
Carolina Herrera格子型

這種類型是時(shí)下網(wǎng)店最流行的,這樣你可以展示很多圖片,你也可以在每個(gè)圖片上添加鏈接,當(dāng)用戶將鼠標(biāo)放在圖片上時(shí),圖片會(huì)放大,或者跳轉(zhuǎn)到另一個(gè)頁(yè)面。

RVLT Revolution
RVLT Revolution

不管你選擇的是哪種類型,只要使用方法正確,都能激發(fā)用戶的興趣和參與。當(dāng)人們?cè)谀愕木W(wǎng)站上看到他們心儀之物的大型照片時(shí),你就抓住了他們的心,擁有了將他們變成忠實(shí)顧客的機(jī)會(huì)。

小結(jié)

你要記住,要站在顧客的角度看問(wèn)題,不要總用你的口味去選擇。你需要花費(fèi)時(shí)間去調(diào)查人們喜歡什么。即使你是一個(gè)天才服裝設(shè)計(jì)師,也并不意味著你可以創(chuàng)建、維持一個(gè)網(wǎng)站,網(wǎng)站與設(shè)計(jì)是完全不同的兩碼事。

最后一個(gè)小秘密:如果你懂得如何服務(wù)消費(fèi)者,那么他們就會(huì)心甘情愿的付你錢(qián),這是一個(gè)顯而易見(jiàn)卻又時(shí)常被忽視的問(wèn)題,有的時(shí)候人需要變通,在變通的情況下雙贏,這才是智慧的工作方式。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔