常州市新北區典雅商業廣場2號樓501、502、525、526
與傳統網站建設類似,高端網站建設離不開七個要素:
1、主色、次色以及網站的色調
一個特殊的顏色標識符可以快速的告訴用戶你是誰。想想這個世界中的那些大品牌——Coca-Cola, Facebook,T-Mobile ,每一個有獨特的品牌色。如果沒有這些顏色,就無法一眼就識別出他們。
另外,使用好顏色也可以幫助用戶在訪問你的網站過程中始終知道他們是不是在訪問正確的網址。試想如果每個點擊動作都把你帶向一個使用新色調的頁面,你還會疑惑自己究竟是不是在正確的網站上。
為了創建一個非常棒的調色板,你應該先挑選出一個主要色,然后使用色彩理論添加一到兩個次要色。再針對每種顏色設定一組樣式和使用規則,在之后的設計中堅持使用這些規則便能保證你在色彩上的一致性。
2、字體大小、間距和位置。
良好的字體大小對搜索引擎是友好的一種體現。如同顏色應該是基于一定樣式規則的調色板,字體也是需要設定規則的,而且思路也是一樣的。
(1)選擇一個主要字體和大小。
(2)選擇次要字體和大小。
相比于顏色來說,字體的設置規則可能會稍微復雜一些。 對于 web前端的樣式風格來說,設計師應該使用 CSS 來設置元素的大小,間距和位置,以便每個標簽(如h1,h2,h3,p等)調用正確的屬性值。
在一個相對固定的位置顯示的字體,如導航中中的字體,應該始終保持一致性。如果每個導航元素都采用不相同的字體,不僅用戶將會感到相當的困惑,也不便于搜索引擎抓取,收錄與排名也會受到一定影響。這種一致性規則應該貫穿整個網站,所有相似的項目中應該使用相同的字體形式。
3、元素的尺寸大小與關系
元素的大小應該由其風格決定,同一元素尺寸大小應該保持一致。這種設計方式也符合用戶的瀏覽習慣。
元素使用一致的尺寸大小,并且不同元素間的關系也保持一致,便能幫助用戶理解你在設計上所使用的一致性模式,并創建出一個流暢的視覺觀感,達到一種和諧而平衡的效果。
4、間距要留白
跟元素的尺寸大小同等重要的還有元素間的留白。一個元素看起來毫無任何組織和規則,能分散人們的注意力——比如一些照片重疊而其他的則互相之間留有大量的間距。
創建并堅持于一種通用的留白規則的最好方法是使用柵格系統,該系統中那些無形的線條將幫助你決定在哪里放置以及如何放置一個元素,從而使得每一個像文本、按鈕、圖片這樣的獨立元素都能夠表現的十分協調。
在你考慮留白設計時,一定不能忘了去檢查在垂直和水平方向上的一致性。既要留意那些相似元素的關系也不要疏忽那些不同元素間的關系。
5、跨媒介的視覺效果
品牌的視覺效果,比如平面圖和插畫,都應該兼容于不同媒介。無論你的設計是面向一個網站或者宣傳手冊,廣告牌或社會化媒體,品牌的視覺效果都不應該隨媒介的變化而改變。
這通常涉及到要使用一組通用的圖片處理方式。有些品牌對于如何正確的傳達視覺效果會有一些明確的細則——比如色彩疊加或者水印效果以及圖片長寬比設置等等。不管你要設計的樣式究竟如何,都要牢記的一點就是不管將來把它放在哪個媒介上,它都應該正常的傳達出應有的效果才對。這也是蘇州網站建設一直秉承的原則。
為了最有效的做好這項工作,建議設計師創建一個可視化的圖像集,收集大量的高質量,高分辨率的圖像以方便你的重復使用。
6、工作自然的用戶模式
你的設計應該跟現有類似的設計按著相同的方式發揮作用,并遵循那些公認的用戶模式。設計師們往往想要做別出心裁的設計,這往往容易掉入誤區陷阱。
如果一個網站或者應用程序能按著用戶期待的方式工作,那么他們之間便能輕而易舉的產生交互。這因為個時候,用戶本身清楚的知道自己要做什么以及該如何達到目標,這也是設計師的初衷。
這里有四種類型被普遍接受的設計模式值得我們來思考:
(1)內容模式:設計樣式和內容的情感語氣以及你的品牌。
(2)標記模式:在設計整個網站頁面時,你需要用到的 HTML 和 CSS 。
(3)設計模式:每一個元素的外觀和所有相關的風格。
(4)用戶模式:用戶如何與設計元素,如按鈕、菜單或圖標產生交互。
7、一致的界面元素
雖說這不是粘性導航,但是思路相似。對于網站來講,其中的每一個交互動作和界面元素應該以同樣的方式工作。
以上介紹了高端網站建設應該注意的7個問題,設計師要記住的是如果你允許一個元素能執行一個動作,元素本身的樣式和交互動作就應該是統一的。