石家莊網絡營銷

專業的網站制作和設計不可忽略的一些原則

您的當前位置: 首 頁 >> 新聞中心 >> 石家莊網站建設資訊

專業的網站制作和設計不可忽略的一些原則

發布日期:2020-03-11 11:00 來源:http://www.191905.tw 點擊:

石家莊網站制作可能看起來很難,因為它涉及到實現一個既有用又令人愉快的設計,傳遞信息和建立品牌,在技術上是合理的,在視覺上是連貫的。只有制作和設計出好的網站,才能提高客戶的滿意度,讓用戶更愿意瀏覽你的網站,更有利于提高流量和轉化率。那么專業的網站制作和設計不可忽略的一些原則都有什么?下面石家莊今傲科技來給大家詳細說說吧。

1、優先(引導眼睛)

好的網頁設計,也許比其他類型的設計更注重信息。你的武器庫中更大的工具之一是優先。當導航一個好的設計時,用戶應該被設計者引導在屏幕周圍。我稱之為優先,這是關于你的設計的不同部分有多少視覺重量。

一個簡單的例子是,在大多數網站中,你首先看到的是徽標。這通常是因為它很大,并且被設置在研究顯示的人們一個看的地方(左上角)。這是一件好事,因為你可能想讓用戶立即知道他們在看什么網站。

但是優先權應該更進一步。您應該通過一系列步驟引導用戶的眼睛。例如,您可能希望您的用戶從徽標/品牌轉到主要的定位聲明,緊挨著一個醒目的圖像(以賦予網站個性),然后轉到主體文本,導航和側邊欄在序列中占據次要位置。

你的用戶應該看什么,這取決于你,網頁設計師,去弄清楚。

為了獲得優先權,您可以使用許多工具:

位置—頁面上某個東西的位置會明顯影響用戶看到它的順序。

顏色—使用大膽而微妙的顏色是告訴您的用戶在哪里尋找的簡單方法。

對比—與眾不同會讓事情脫穎而出,而相同會讓事情變得次要。

大小—大優先于小(除非一切都很大,在這種情況下,由于對比,小可能會突出)。

設計元素—如果有一個巨大的箭頭指向某個東西,猜猜用戶會看哪里?

2、間隔

當初次開始設計時,我想用東西填滿每一個可用的空間??盏厮坪鹾芾速M。事實上恰恰相反。間隔讓事情變得更清晰。在網頁設計中,你應該考慮空間的三個方面:

行距

當您布局文本時,行之間的間距會直接影響文本的可讀性。太小的空間讓你的眼睛很容易從一行溢出到下一行,太大的空間意味著當你讀完一行文字,轉到下一行時,你的眼睛可能會迷路。所以你需要找到一個快樂的媒介。您可以使用“行高”選擇器來控制CSS中的行距。通常我發現默認值通常是太小的間距。

填料

一般來說,文本不應該觸及其他元素。例如,圖像不應該接觸文本,邊框或表格也不應該。

填充是元素和文本之間的空間。這里的簡單規則是你應該總是那里有空間。但一般來說,在文本和世界的其他部分之間留出空間會讓它變得更加易讀和令人愉快。

空格

首先,空白不需要是白色的。該術語僅指頁面上的空白(或有時稱為負空間)??瞻子脕斫o頁面平衡、比例和對比度。大量的空白會讓東西看起來更優雅、更高檔,例如,如果你去一個昂貴的建筑工地,你幾乎總能看到很大的空間。如果你想學會有效地使用空白,瀏覽一下雜志,看看廣告是如何布局的。手表和汽車等大品牌的廣告往往有大量的空白空間作為設計元素。

石家莊網站制作

3、導航

在網站上令人沮喪的經歷之一就是不知道去哪里或者你在哪里。我認為對于大多數網頁設計師來說,導航是一個我們已經設法掌握的概念,但是我仍然發現一些相當糟糕的例子。導航有兩個方面需要記?。?/p>

導航——你能去哪里? 

這里有一些常識性的規則需要記住。在一個網站上瀏覽的按鈕應該很容易找到——在頁面的頂端并且容易識別。它們應該看起來像導航按鈕,并且被很好地描述。一個按鈕的文本應該非常清楚它會把你帶到哪里。除了常識,讓導航可用也很重要。例如,如果您有一個滾動子菜單,確保一個人可以在不丟失滾動的情況下訪問子菜單項是很重要的。類似地,在翻轉時改變顏色或圖像對用戶來說是極好的反饋。

定位——你現在在哪里?

有很多方法可以讓用戶定位,所以沒有理由不這樣做。在小網站中,它可能只是一個大標題或菜單中相應按鈕的“向下”版本。在更大的站點中,您可以利用面包屑小徑,小標題和一個真正丟失的網站地圖。

4、設計建造

自從石家莊網站設計者過渡到CSS布局后,生活變得簡單多了,但是即使現在,當你還在Photoshop中的時候,考慮如何建立一個網站還是很重要的??紤]以下情況:

這真的能做到嗎?

你可能已經為你的正文選擇了一個驚人的字體,但是它實際上是一個標準的超文本標記語言字體嗎?你可能有一個看起來很漂亮但是1100像素寬的設計,這將導致大多數用戶使用水平滾動條。知道什么可以做,什么不可以做是很重要的,這就是為什么我認為所有的網頁設計師都應該建立網站,至少有時候是這樣。

當屏幕調整大小時會發生什么? 

你需要重復的背景嗎?它們將如何工作?設計是居中還是左對齊?

你在做技術上困難的事情嗎?

即使使用CSS定位,像垂直對齊這樣的事情仍然有點痛苦,有時更好避免。

您的設計中的小變化能極大地簡化您構建它的方式嗎? 

有時候,在設計中移動一個對象會對以后如何編寫CSS產生很大的影響。特別是,當一個設計的元素相互交叉時,它給構建增加了一點復雜性。所以,如果你的設計有,比如說三個元素,并且每個元素都是完全獨立的,那么它就很容易構建。另一方面,如果三者相互重疊,這可能仍然很容易,但可能會更復雜一點。你應該在看起來好的和可以簡化你的構建的小變化之間找到一個平衡。

特別是對于大型網站,你能簡化事情嗎?

5、排版

文字是石家莊網站設計中常見的元素,所以很多人都在思考它,這并不奇怪。重要的是要考慮以下因素:

字體選擇-不同類型的字體對設計有不同的說法。有些看起來很現代,有些看起來很復古。確保你在工作中使用了正確的工具。

字體大小—幾年前,擁有非常小的文本是一種時尚。令人高興的是,這些天來人們開始意識到文本是用來閱讀的,而不僅僅是用來看的。確保你的文本大小一致,足夠大以便閱讀,并且比例適當,以便標題和副標題突出。

間距—如上所述,線與線之間的間距以及與其他物體的距離是需要考慮的重要因素。你也應該考慮字母之間的間距,雖然在網上這并不重要,因為你沒有太多的控制權。

線路長度—沒有硬性規定,但一般來說,你的文本行不應該太長。它們越長,越難閱讀。小的文本欄效果更好(想想報紙是如何編排文本的)。

顏色—我糟糕的習慣之一是制作低對比度的文本。很遺憾,它看起來不錯,但讀起來不太好。盡管如此,我似乎對我做過的每一個網站設計都這么做。

段落-在我開始設計之前,我喜歡在每件事情上證明文字的正確性。這使得我的段落兩邊都有很好的邊緣。不幸的是,對齊的文本往往會在自動間隔的單詞之間產生奇怪的間隙。閱讀時這對你的眼睛不好,所以要保持左對齊,除非你碰巧有一個神奇的文本體,恰好有完美的空間。

石家莊網站制作

6、可用性

網頁設計不僅僅是漂亮的圖片。在一個網站上有如此多的信息和交互,重要的是你,設計師,提供所有這些。這意味著讓你的網站設計變得可用。

我們已經討論了可用性的一些方面——導航、優先級和文本。這里有三個更重要的問題:

堅持標準

有些東西是人們所期望的,不給予它們會引起混亂。例如,如果文本有下劃線,您希望它是一個鏈接。否則不是好的可用性實踐。當然,你可以打破一些常規,但是你的大多數網站應該做人們期望它做的事情。

想想用戶實際會做什么

樣機研究是石家莊網站制作中用于實際“嘗試”設計的常用工具。之所以這樣做,是因為當你實際使用一個設計時,你經常會注意到一些小事情會產生很大的不同。

考慮用戶任務

當用戶來到你的網站時,他們實際上想做什么?列出人們在一個網站上可能做的不同類型的任務,他們將如何完成這些任務,以及你想讓他們做起來有多容易。這可能意味著在你的主頁上有真正共同的任務或者這可能意味著確保搜索框總是易于訪問。歸根結底,你的網頁設計是一個供人們使用的工具,人們不喜歡使用煩人的工具!

7、對齊

在網頁設計和平面設計中,保持東西整齊是同樣重要的。這并不是說一切應該是在一條直線上,而是說你應該從頭到尾,并努力保持東西一致地放在一頁上。對齊讓你的設計更有序、更容易理解,也讓它看起來更精致。

8.清晰度

保持你的設計簡潔明了是非常重要的網頁設計。當談到清晰度時,它是關于像素的。

在你的CSS中,一切都像像素一樣完美,所以沒什么好擔心的,但在Photoshop中就不是這樣了。要實現鮮明的設計,您必須:

保持形狀邊緣對齊像素。如果您在Photoshop中創建形狀、線條和方框,這可能需要手動清理它們。

確保使用適當的抗鋸齒設置創建任何文本。

確保對比度高,以便邊界清晰。

過分強調邊界只是稍微夸大對比。

9、一致性

一致性意味著一切都匹配。標題大小、字體選擇、顏色、按鈕樣式、間距、設計元素、插圖樣式、照片選擇等。一切都應該以主題為主題,使你的設計在頁面之間和同一頁面上連貫一致。

保持你的設計一致是為了專業。設計中的不一致就像文章中的拼寫錯誤。他們只是降低了對質量的認知。不管你的設計是什么樣的,保持它的一致性總會讓它更上一層樓。即使這是一個糟糕的設計,至少讓它成為一個一致的、糟糕的設計。

保持一致性簡單的方法就是盡早做出決定并堅持下去。然而,對于一個非常大的網站,在設計過程中事情會發生變化。

擁有一套好的CSS樣式表也有助于做出一致的設計。試著定義像<h1>和<p>這樣的核心標簽,以使你的缺省值正確匹配,并避免總是記住特定的類名。


相關標簽:石家莊網站建設

最近瀏覽:

在線客服
分享
歡迎給我們留言
請在此輸入留言內容,我們會盡快與您聯系。
姓名
聯系人
電話
座機/手機號碼
q币pc蛋蛋