導航:首頁 > 萬維百科 > 網頁設計格式設置規則

網頁設計格式設置規則

發布時間:2021-03-20 13:09:41

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

大多數設計模板有兩個部分:
文字標准
視覺標准

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

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

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

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

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

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

2、網頁版面布局設計的原則是什麼?

一個好的網站必須要體現在整體的策劃、設計、布局、網站的定位、色彩搭配,最重要的是網站頁面的小細節處理。整體感覺是否符合行業的需求、符合公司的文化。有許多企業都會說我要做一個大氣的網站、實際上從專業的角度來講應該要做一個最適合你的網站,你搞機械銷售的不可能去像廣告設計公司的搞得很花哨的的,現在網站都講究簡潔,適用,用戶體驗好。網站設計中結構布局就顯得尤為重要,需要注意的以下方面:

網站的框架要簡約明了,主題思想明確,導航要設計合理,核心信息放在網站的左上側,這個地方搜索引擎爬蟲程序最感興趣先行抓取,客戶也最感興趣這里。製作網站框架要清晰,布局要合理,拒絕雜亂的代碼,拒絕大量的js腳本和flash動畫,這樣會影響網站的訪問速度,欄目設置要清晰易見,讓用戶瀏覽起來簡潔舒服。一個網站一處滾動就已經OK了。網頁布局應該遵循一個原則,即「先上後下,先左後右」原則。由於搜索引擎在執行搜索的時候,其搜索的順序跟我們瀏覽頁面的順序是一樣的,即前面說的原則。遵循這個原則有助於搜索引擎蜘蛛抓取頁面快速收錄。

由於搜索引擎爬蟲程序是直接識別頁面代碼來得到信息的。這樣製作網站的目的也就是為了讓網頁蜘蛛能夠毫不吃力地順利爬行完網頁。當然沒什麼好辦法控制搜索引擎,但有辦法改變頁面。製作網站過程中,標簽的使用也是很有講究的,通常要把握下面幾個原則:保持良好的層次框架,近似h1h2h3等標簽都應依照標簽本身的用處來使用,比方:h1標簽表示網頁主標題,且在一個網頁中只能使用一次。在部分權重較高的標簽中,合理的融入關鍵詞,如h1、strong等標簽。

css命名規則符合一定標准規范,較長名稱選擇駝峰式命名規則,如.tophead。代碼盡量做到簡潔,禁止使用代碼生成工具製作網頁。代碼在實現基本的框架、樣式、和行為分離的基礎上,還要做到可用、精簡、有序而且符合seo代碼標准規范。網站js結構選擇jquery,全部腳本盡量封裝到一個包內。網站flash調用代碼盡量要確保瀏覽器兼容性,這些結構問題都要在製作中要先行規劃。

3、網頁設計應當遵循的規范?

在我認為設計當中沒有具體的規范,一切都是根據設計者自己酌情而定。設計當中沒有誰定死了各個模塊的大小,例如logo是什麼尺寸,banner又是什麼尺寸,這些都是自己定的。而你在設計這些的時候要符合美感,符合公司的形象。
相對於整體頁面寬度我建議是980、1000-1004,因為這些寬度在1024解析度下是不會出現橫向滾動條的。
你現在是新手把?我覺得你現在考慮的問題不是大小,而是顏色搭配。你設計的規格大小再怎麼規范,再怎麼合理如果沒有用對顏色,都是白搭。

4、.試述網頁設計的通用規則?

CSS樣式表規范 全站調用JS和CSS DIV布局 代碼安全密度性 SQL資料庫標准命名欄位

5、網頁設計中所需要注意的通用規則

1、HTML定義
2、網頁的分類
3、網頁的三要素
4、網頁三劍客包括什麼
5、框架的特點是什麼
6、設置各種超鏈接的方法
7、新建文檔的快捷鍵
8、層和表格可以相互轉換(了解即可)
9、對文檔中創建的層如何進行微調
10、站點地圖都包括哪幾個關系
11、表但的定義,表單中所包含的所有元素
12、行為的定義,行為在時間軸上所起到的作用(在網頁設計范圍內所起到的作用)
13、創建網站的時字體搭配 幾步(從開始到最終)
14、在網頁中插入的圖像都包含哪幾種格式,格式之間特點是什麼,用途是什麼。
15、設計網頁過程當中需要注意什麼,及通用的規則是什麼。(使用自己的語言,不可能完全一樣!!)

6、網頁如何固定設計的格式不變?

呵呵,這是個網頁設計中常見的問題。
1、網頁結構的變化是因為你布局時使用的是層,而不是表格。表格布局的頁面一般比較穩定。把表格的border設置為0的話是看不出來的。
2、字體有些變化是因為你所選用的字體不是常用字體,在其他機器上可能沒有。另外,網頁設計軟體中的字體和word中的字體有時候兼容起來有點差別。
3、一般來說,現在的電腦解析度都是1024*768,設計時定製大小在這個范圍內即可。

個人拙見,僅供參考。

你先建立一個空白網頁,然後根據需要創建表格,把表格的bordor設置為1,最後把原來網頁中的內容按照位置相對應的原則,復制到表格中可能會好一些。

7、網頁設計規范的要求有哪些?

1、網頁設計規范的要求——學習網頁設計規范要注意四點:


(1)布局。


(2)顏色匹配。對於初學者,建議在主色調上設置一些“亮度梯度”或“相似的顏色”。


(3)圖像。絲網設計的兩個基本要求是:不變形。這意味著當你尋找圖像作為素材時,你會發現一個稍微大一點的“剪切”,而不是一個小的拉伸。不能是空的。這個要求和之前的要求一樣,不要找小圖片來放大。


(4)文本。定義要求;字體要求;間距;藝術字。


2、網頁設計規范的要求——網頁設計課程:


計算機藝術,圖像處理,HTML(鍵),CSS+ DIV, JavaScript


3、網頁設計規范的要求——網頁分類:


根據位置的不同,可以分為首頁和內頁;


根據表單可以分為動態網頁和靜態網頁。兩者的區別在於是否有資料庫、網頁後綴和地址欄。


4、網頁設計規范的要求——平面構成和布局結構是網頁設計規范所要求的


構成:點、線、面。


布局結構:3。梯形,開放式,對稱,彈出式布局


5、網頁設計規范的要求——顏色的基本分類


有冷色和暖色,彩色和無色。


色彩屬性包括色調、亮度和純度


以上就是《對於ui設計師們來說,為何都要熟練掌握網頁設計規范的要求?》的主要內容,如果你想了解ui設計的基本知識,並且將他們運用到您的作品中,那麼本文一定會給你有效的幫助。如果你想學習更多關於ui設計的知識或資訊等,可以點擊本文其他文章進行學習。

8、網頁設計尺寸都是怎麼設置的```

用PS做網頁- -?

網頁都是dreamwaver插表格,設置表格的寬和高,然後再在表格里操作,
表格內容就是網頁顯示的內容。

與網頁設計格式設置規則相關的知識