2014網站設計風格

1、如何確定官方網站設計風格

網站的整體風格總的來說無非兩塊：視覺效果和功能實現視覺效果主要是色調和頁面布局，這方面建議根據行業本身的特點和企業自身的文化以及用戶的喜好來確定。功能方面建議從運營的角度出發，確定運營要到達的目標和運營流程對網站的要求，此外可以參考行業做得好的網站。高端網站建設，對設計師的要求是比較高的，上海雍熙信息技術有限公司的設計師具有扎實的美術基礎和國際前沿的審美水平，符合設計的原則並且不乏創意性，能夠提供給客戶超乎期望的高端服務總體而言：一方面調研行業，企業和用戶的心理需求，另一方面參考行業做得好的，這樣可以起到事半功倍的效果。

2、網站設計風格如何定位

確定網站的風格，首先你要明確一個問題，就是你做這網站的定位。
如果你是為了信息展示類的，就做得簡潔大方一點就可以
如果是為了做客戶的，你可以根據客戶的喜好來定（不同行業的客戶喜好有時候會不同，這需要多調研一下）
如果是為了流量的，那就做得漂亮美觀一些

3、常見的幾種網站設計風格

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

2、拐角型：這種類型其實與國字型很相近的，只是在形式上不一樣，最上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接；

3、標題正文類型：上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

4、左右框架類型：這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，最上面有時是一個小的標題或標致，而右面就是主要內容，最常使用是論壇網站，企業網站中的內頁有很多是採用這種布局方式的；這種類型的布局的特點是結構清晰明了；

5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；

6、綜合框架類型：其實就是左右框架類型和上下框架類型的結合體；

7、封面型：這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示；

8、Flash型：其實這與封面型結構是類似的，採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體；

9、變化型：即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型；

4、網站風格有哪些？

網站簡單的可以分為：功能型和展示型
功能型：網站在美工設計上可能不適合大塊圖片，在數據功能上比較強，比如：搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。
展示型：追求視覺上的美麗，對功能要求不高，在美工上、設計上要有強烈的視覺感。這種網站一般屬於：美容業、女性用品、服飾等。

5、個人網站設計參考文獻有哪些?

個人網站設計論文期刊參考文獻

［1］名人個人網站設計欣賞．《電腦迷》．2015年2期；

［2］名人個人網站設計欣賞．《電腦迷》．2015年1期；

［3］個人網站設計的幾點思考．《黑龍江科技信息》．2010年15期．蔄福軍；

［4］淺談個人網站設計．《才智》．2011年2期．韓寶玉．沙繼東；

［5］基於ASP的個人網站設計及實現．《電腦與電信》．2010年9期．劉向華；

［6］個人網站設計之我見．《中國外資》．2009年2期．徐烈英；

［7］Cookie應用與個人信息安全研究．《計算機應用與軟體》．被中信所《中國科技期刊引證報告》收錄ISTIC．2007年3期．胡忠望．劉衛東；

［8］個人網站的自動化設計與開發．《企業技術開發（下半月）》．2014年3期．華志明；

［9］芻議水利百科網站設計．《黑龍江水利科技》．2014年7期．姜依彤．郝健超；

［10］談中職教師個人網站的設計．《成才之路》．2013年30期．王雪萍。

個人網站設計論文參考文獻學位論文類：

［1］麒麟視覺展示工作室網站的設計與實現．作者：楊婷．軟體工程山東大學2012（學位年度）

［2］面向高校教師的個人工作網站的設計與開發．被引次數：2作者：張培山．教育技術學華中科技大學2007（學位年度）

［3］基於SaaS模式的數字版權交易網站的設計與實現．被引次數：2作者：趙倪光．通信與信息系統南京理工大學2011（學位年度）

［4］基於雲計算技術的電子商務平台的設計與實現．被引次數：3作者：梁姝．軟體工程黑龍江大學2012（學位年度）

［5］基於前端模塊化開發思想的社區型知識型網站的設計與實現．作者：李敏．軟體工程北京交通大學2011（學位年度）

［6］B2C電子商務顧客價值與顧客忠誠度的關系研究．被引次數：128作者：查金祥．企業管理浙江大學2006（學位年度）

［7］基於信息構建（IA）的Web2．0網站研究．被引次數：22作者：陶青．情報學華東師范大學2007（學位年度）

［8］馬王堆後院藝術中心網站的設計與實現．被引次數：4作者：塗傑．軟體工程山東大學2009（學位年度）

［9］迪拜動漫網站web系統的設計與分析．被引次數：1作者：李紅松．軟體工程山東大學2009（學位年度）

［10］視覺元素在網頁設計中的應用——《拐點·攝影》個人網站設計．作者：朱月嬌．工業設計工程哈爾濱師范大學2015（學位年度）

(5)2014網站設計風格擴展資料：

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

網頁製作涉及的工具比較多，首先就是網頁製作工具了，大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。

除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool3d、GifAnimator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

參考資料：網路-個人網頁製作

6、網站風格有哪些

01極簡風

"越少，越經典「這是不少設計大師遵循的設計風格。

「好的設計是盡可能少的設計」這條原則也同樣適用於網頁設計中。

極簡設計的好處就在於它能最大化節約用戶的時間成本。

02無邊框風

這里的邊框是指任何類型的裝飾性容器。

通過去掉裝飾性的容器，加強基本內容的設計感。

提升圖片質量和排版布局，從而改變整體因無裝飾性容器的視覺表現。

03插畫風

除了使用大量圖片作為背景或主體元素外，

圖形插畫的運用也是一種很好的方式。

網頁Banner可以運用插畫來表達網站主題，

同時加上插畫圖標的點綴，

使網頁看起來清新有趣，

加強網站本身的獨特性。

04黑板風

雖然黑板風格不是一個常見的風格，

但是其經典的使用方式和延伸效果

同樣可以作為網頁設計風格的一項選擇。

最常見的運用方式就是將黑板作為背景元素，

同時黑板本身的裝飾效果使網站呈現非常時尚。

許多經典的美食網站設計都採用了這種風格，

除了使用黑板以外，

將現實場景中的桌面運用到背景中也格外出彩。

05扁平風

扁平化設計可以說是時下最常用的網頁設計風格了，

它弱化了材質、漸變、陰影，

去除了冗餘信息的圖形元素、排版。

這種風格設計可以使畫面顯得更加平滑，

提升了網站內容信息的視覺層級，

更加方便用戶快速尋找自己需要的內容。

同時扁平化的界面能更好實現不同尺寸的轉化。

這也是現在互聯網公司較常採用的一種風格。

063D風格

這里所說的3D風格不是純粹的使人感到身在其中的3D壞境，

而是那些運用少量3D效果使整個網頁顯得更加靈動，

通過扁平化的基礎上，添加一些生動的非扁平元素，

給網站帶來了原本缺乏的縱深感，同時提升主體視覺吸引力。

07縱向分割

習慣了一欄式的設計，

將屏幕一分為二甚至是多欄式的網頁設計方式

受到了眾多用戶的喜愛，

在網頁設計中使用新鮮的分屏式設計

可以方便呈現不同的信息，創造對比。

同時劃分有效區域，方便用戶進行快速選擇和視覺聚焦。

08超級頭版

以往的網頁設計中，輪播幻燈片的效果使用充斥著各種網站，

雖然這種設計方式在許多首頁上仍然適用名，

但卻正在失去吸引力，取而代之的是採用的核心區域元素，

也就是主題的主題圖或者說是超級頭版，

在首頁上使用尺寸超大、迷人的精美Banner，

而這個超級頭版匯聚了對產品的精華總結，

從而將網站最重要的內容展示給用戶。

09照片與白字搭配

嚴格意義上，這不算一種設計風格，

但是這種方法可以幫助我們快速製作出色的Banner或者網站，

通過對照片進行一些色彩疊加，同時搭配白色文案，

從而形成對比，使文字更加清晰易於傳達。

你可以把它像公式一樣記在腦子里，

碰到合適的機會就可以使用。

7、網站設計風格主要體現在哪幾個方面

網站簡單的可以分為：功能型和展示型

功能型：網站在美工設計上可能不適合大塊圖片，在數據功能上比較強，比如：搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。

展示型：追求視覺上的美麗，對功能要求不高，在美工上、設計上要有強烈的視覺感。這種網站一般屬於：美容業、女性用品、服飾等。
可以是企業展示網站、企業宣傳網站、門戶網站、電子商務、社交交友、綜合型網站等等。
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

現在是眼球經濟時代，什麼都要靠包裝。你的網站設計的不好看，也無法引起用戶的興趣。我想誰都不喜歡看那些亂七八糟的網站，進去之後看不到網站主題，看不到主要內容，也找不到我們想要的信息。成功網站的第一步，就是從設計開始做起。
一、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站，在這里，提供給大家一些參考經驗：
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果。

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

8、簡述網頁設計的風格有哪些

從網路營銷的角度看，現在的企業網站設計水平並不高。網站是企業的理念體現，是網路營銷的基礎。在網站的設計中，既要考慮的商業性，又考慮到藝術性，網站是商業性和藝術性的結合，同時網站也是一個企業文化的載體，通過視覺的元素，承接企業的文化和企業的品牌，好的網站設計，有助於企業樹立好的社會形象，也能比其他的傳播媒體更好的更直觀的展示企業的產品和服務。所以這些網站不僅是商業性和藝術性，它也是一個企業文化和品牌的載體。只有提高到這樣的高度，才能把網站設計好。

9、一般網站設計的風格規范有哪些內容

大多數設計模板有兩個部分：
文字標准
視覺標准
這兩個標准，是同等重要的，都是整體風格規范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業網站都有自己與眾不同的地方。選擇一個色調和風格，同步運用在字體和視覺畫面的效果上，把你的網站和用戶融為一體。
建立網站整理形象的時候，也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。是否被期待？是否有關聯，是否願意在這樣的網站上進行瀏覽使用等交互行為？
語言風格

雖然我們將主要精力集中於網站風格規范的視覺方面，但語言風格是非常重要的，是整體網站的一部分，也是你與用戶「交談」的方式。語言風格是正式還是輕松的？是冗長或更簡潔的？
用同樣的方式為網站格式寫你的風格規范。這將有助於提示你的團隊知道網站的初步設想，以及如何運用語言風格去協助於品牌標識。
語言風格是與每一位用戶溝通使用的。返回到MailChimp，我們通過他的品牌語言風格的塑造上全面審視。注意到公司談論及它的吉祥物，舉個例子：「Freddie是我們的吉祥物。我們不需要使用他與我們的logo組合。Freddie的臉右側面的，他的表情一直是眨著眼睛的。」
「准則」及用途

你的風格規范應該是你設計的「劇本」。（可能是比「規范」聽起來更通俗易懂？）
它應該概括了如何以及何時使用的字體、顏色和所有其他設計元素類型，讓人更容易理解。包括：
調色板，包括標准色和可適用的色彩
排版，可適用的字體、字型大小、縮進、行間距跳轉
LOGO，包括尺寸和位置
圖標或元素樣式（包括分享按鈕等）
拼寫，選項和格式風格（應該遵循哪種編輯格式？ APA格式？AP格式？或其他？）
照片格式，包括顏色、裁剪尺寸和視覺效果
SEO信息，如ALT標簽和關鍵詞
電網標准（適用於網路或列印）
間距方面的考慮（是否設計的太松或太緊）
反饋接觸信息（可以向團隊成員提問或建議的）
簡單而具體的概念

這可能是最困難的部分，你需要明白這些信息，並將其爛熟於心，理解成簡單、具體、可操作性強的概念：
當涉及到風格規范不能走極端，只是一個視覺參考，而通過這種方式去設計。
組合相關內容，並快速相關聯，比如頁面的顏色、已經跳轉進入另一頁的圖形和照片等。
為可以顯示的內容舉一些相似的例子，不需要解釋的部分用佔位符。
盡可能地提供細節，色彩樣式，例如，包括RGB（或HEX ）和CMYK值等，使顏色可以規范使用。
打破部分常用的元素案例去設計。
片段和實例

無論你的設計風格規范是用於印刷還是數字使用或基於Web的文檔，應該包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重點放在你想看到的品牌視覺上。
然後，創建一個易操作的目錄。創建原型組（或一組常見的元素，這取決於你使用的軟體） 。保存在一個常用的位置，使其容易操作並且生成容易修改的文件。
為參與該項目的每個人提供基於雲端軟體的工具列表。（這包括鏈接、用戶名等基本信息。）確保所有字體包、logo和圖像文件是在一個常用的位置，所有的使用者都知道他們在哪裡。 （在另一個地方保留備份，以防原文件、作品丟失。）
創建代碼片段，易於復制並粘貼到項目主列表。這樣不用每次重建，常見的元素需要被分享在一個每個人都可以訪問的共享位置。
最後一步是進化優化。每件事情都可能會變，而且必然要經歷蛻變。
執行風格規范

最後，最大的問題是「如何讓人們遵循風格規范呢？」按照以上這些列出的內容，你已經有一個很好的方式擁有了設計的輪廓，具有了簡單、具體的概念。
風格規范是很容易被追隨的，就像你寫的網站一樣。語言是簡單的和不生僻的，可以讓人們去追隨這些准則。
風格規范應該留下足夠的設計空間對於其靈活性和實際製作上。就像你的品牌，在一定范圍內，可以幫助團隊成員發揮他們設計的創造力，也同時創造新的東西。風格規范的所有者也是如此，這是指批准、更新和變化設計風格規范的人，並能回答有關設計決策問題的所有人。這個「所有者」可以是個人團隊，或者更大組織的規模。