轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

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

UI設(shè)計(jì)師想學(xué)習(xí)做時(shí)尚網(wǎng)站嗎？購物網(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ì)，所以話不多說，直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁的一些知識，希望你能有所收獲~

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

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

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

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

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

品模版

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

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

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

3.市場調(diào)查

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

通過提供不同種類的信息，市場調(diào)查可以為你指引未來的方向，例如：

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

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

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

5.小心選擇圖片

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

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

旋轉(zhuǎn)型

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

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

Vogue

滑動(dòng)型

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

The Business of Fashion

大背景型

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

Carolina Herrera
格子型

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

RVLT Revolution

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

小結(jié)

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

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