為網頁設計創建有效的配色方案

網頁設計吸引人的地方在哪裏?是圖片還是對內容的布局?或者說是網站的內容決定了網站的價值。所有這些因素都會發揮其作用,但正是配色方案決定了設計是否出彩。有經驗的專業人士會告訴你很多訣竅,比如說,一種配色方案可能適合一種設計,但未必適合於另一種;配色方案選擇應該在布局內容之前還是之後?今天我們就要找到這些問題的答案,本文中,你也能找到很多免費資源供你選擇配色方案。 請註意:這個話題內容很廣,單這樣一篇小文章是無法涵蓋所有內容的。因此,我提供了相關資源的鏈接,以備你在學習本文時借鑒,這是個不錯的選擇。 對色彩組合的介紹 選擇色彩組合方法有多種。讓我們快速地瀏覽下它們。 為網頁設計創建有效的配色方案,PS教程,思緣教程網 單色(法):這是我最喜歡的方法,它有一個單獨的顏色打底,我們只需要調整其色度並著手設計即可。單一色彩看起來典雅漂亮,且容易將純色融合在內。但是要通過單一色彩組合來創建吸引眼球的設計卻不是一件容易事。 色彩補充法:一個冷色系和一暖色系的色彩相搭。例如,你的標題是暗黑色的,但內容可以是白色的。這也是網站設計使用最多的方法。 三色組合法:顧名思義,該方法使用色輪中等色度距離的三種色彩搭配。(色輪如上圖所示) 四色組合法:與三色組合相同,四色組合法使用了四種色彩搭配。(上圖顯示為四色組合法的搭配圖) 模擬法:模擬法是我第二喜歡的設計風格。這種方法借用了色輪中的鄰近的三個色彩,比如說,紫色、紅色和橙色。 這些是最基本的配色方案方法。設計師也能設計其它的配色法,如果你有一定經驗的話,也可以設計自己的方法。對設計師而言,熟能生巧。 顏色及其適用性 為網頁設計創建有效的配色方案,PS教程,思緣教程網 正如你知道的,每種顏色都帶有一種情感色彩,你可以通過上面紫色的圖例來體會。與柔美主題相關的網站通常使用紅色,因為紅色代表激情。如果你想了解更多色彩及其適用性,可以參看這個信息圖《網頁設計師的色彩心理學》,以了解相關信息。由於模板布局也帶有一定色彩,這就解釋了為何一種顏色只適用於一個設計模板,而不適應與另外的模板。當你改變配色方案時,它就與模板的整體感覺不搭。舉個例子,如果你設計了一個頁面,該頁面鮮明的圖像邊界點鮮明就象征著力量,這種頁面適用於健身房一類的網站;如果你把配色方案設計為粉色和紫色,那這個模板就泡湯了。 布局和配色方案 為網頁設計創建有效的配色方案,PS教程,思緣教程網 現在問題來了,我們應該在設計之前還是之後選擇配色方案呢?根據客戶的需求,你會得到一些配色建議,最好的選擇就讓客戶做決定。 如果客戶選定了最基本的配色方案,你在設計時就不會感到困惑。這樣,你的設計色彩迎合了客戶的喜好,客戶很可能會對你的工作滿意。 因此,在設計布局之要前決定色彩方案,這種方法適合我。我認為你也該試試這一技巧。 結論 無論何時接到客戶,你要根據客戶業務的性質羅列一些適當的色彩。詢問客戶最喜歡的色彩,並依此他們的喜好來設計布局

網頁設計配色方案中的顏色亮度

創造一個Palette的過程中,色調和飽和度不一定是最重要的部分,顏色彼此之間如何相互作用,在我認為是更為重要的。 “我不確定那是藍色。你能把藍色調的更‘正’一些嗎?我聽說藍色體現了一種信任感。” 設計師們在他們的職業生涯中無數次地聽到這樣的評論,而且這也確實是很好的交流。客戶並不經常這樣細致的對某個顏色做出評論。配色汪汪在一定程度上反映出個 人的品味或者是他們在某些文章當中閱讀過有關“顏色含義”的內容——比如說藍色和茶色搭配在一起比藍色和鮮艷的橘色搭配在一起更加正式。但是,這些基本顏 色是可以以不同的理解全是的,就像note on the Microsoft Office site談到的: 西方文化中與顏色相關的內容 其實是顏色的組合使網頁配色變得非常困難。 一個很簡單的方式就是使用這些在線應用來為您實現想要的配色方案: HSL Color Schemer ColourLovers’ Palettes Adobe Kuler Color Palette Generator 那該選用哪一種配色方案呢,或者說某種搭配方式更加有價值?經驗而談,根據顏色的對比度/亮度來考慮色彩組合。 Color decisions need to consider contrast because contrast is key to usability. It’s also the most powerful visual information – before hue and saturation – and therefore best capable of guiding…

SEO如何寫出優秀的系列文章

想要在自己的博客或者網站上具備更高的吸引力,一種很有效的方式就是發表系列文章。這些文章彼此依賴、互為基礎,同時還能給你充分的時間來全面探索某個主題。 系列化的寫作能讓讀者在一定時間段內不斷回訪你的博客。此外,通過這種方式你還能針對范圍較廣的主題創建多個篇幅較短的文章,讓寫作的過程更為容易,同時還能對主題進行更全面的剖析。 初聽起來,系列文章的寫作似乎是個難以完成的任務,但其實並非如此。提供以下幾點建議,希望能夠對思億歐的讀者有所幫助。 (1)確定文章主題。自然,這一點是成功展開系列文章的關鍵(和單篇幅​​的文章一樣)。要確保你選擇的主題有足夠大的範圍,能產生足夠幾篇文章的內容(你不應該為了寫系列而寫系列),而同時又確保你能夠掌控全局而不會出現不知所措的情況。有些主題可能過於寬泛,還不如專門為它開闢一個新的博客。 (2)創建一個列表。在確定了一個足夠寬泛可進行系列寫作的文章主題之後,開動腦筋,把所想到的基本要點列成一張表。打開一個文本文件,或者在便箋紙上以一些零散的重點詞彙或短旬作為開始。在列出所有的要點之後,重新回頭逐項進行審視,並且用幾句話進行展開。這些句子最終能逐漸發展為一篇篇的文章, 真的非常神奇。只要寫得順手,很多想法都會自然而然地浮現出來,要湊齊10個左右的點子其實也就是眨眼的功夫。當然了,在最終發布文章時這個列表大多已經面目全非(有些想法未能成功發展,或者中途又有添加),但這種列表的形式構成了整個系列文章的基礎。 (3)設立指標。為自己設定整個系列的目標,並且規劃好範圍。參照之前所創建的列表,可以大致確定需要寫多少篇文章,反過來也能確定整個過程需要花費多少時間。 (4)創建草稿。確定了細節之後,在博客裡創建一系列空白文章,然後把之前為每篇文章所寫的內容草案填進去(通常只是一些關鍵詞和一兩句話)。給每篇文章草擬一個標題(之後再修改),然後把它們標記為“draft”(草稿)留存以方便日後的工作。 (5)系列的標題。整個系列的標題是它成功與否的一個重要因素,建議大家一定要慎重考慮。標題就是整個系列文章的廣告,是能否吸引讀者的關鍵。一篇文章是否會被閱讀,取決於該文章給讀者的第一印象,系列文章也同樣如此。如果第一篇文章無法勾起讀者的興趣,後續的文章很可能乏人問津。為系列文章選擇標題和單篇文章的命名過程非常類似,既要吸引眼球,還得包含適當的關鍵字(有利於SEO)。 (6)發表預告。到這一步為止,所有的工作都是私下進行的,除我之外沒有人知道。用一篇引言來為整個系列文章的面世做預告。這麼做有很多好處,除了讓讀者翹首以待(產生期望值)之外,整個項目“箭在弦上、不得不發”的狀態還能迫使我產生更多的責任感。可以說,要想督促自己盡責地完成任務,最好的辦法就是明確地告訴讀者你將會針對某主題連續發表多少篇文章。在預告中,你還可以鼓勵讀者們訂閱你的feed,以便能更及時、無遺漏地閱讀系列文章。 (7)撰寫引言。預告篇內還包含了整個系列的引言。引言中將具體說明未來這幾天內的寫作方向(可以提及你要涉及的具體主題)。除此之外,引言還能著重表現出本系列所能幫助解決的“需求”。我一直堅信,自己那些成功的系列之所以受到歡迎,大多都是因為它們迎合了人們的某些需求。因此,讓讀者知道為什麼需要光顧你的博客,這一點十分重要。 (8)每天寫一篇文章。我的工作習慣是以天為單位來發表系列文章。有些人喜歡提前把所有文章都寫好再發表,但我更樂於寫完一篇發表一篇,讓它們保持新鮮,而且這樣我還可以參考讀者對前文所發表的評論來不斷調整寫作方向,而不僅僅只是根據前一天發表的內容按部就班。此外我若一次性寫很多文章會感覺有點力不從心——把這個過程打散,一次搞定一個對我來說會更好處理。 (9)相互進行鏈接。我發現很多博客作者以系列文章的方式進行寫作,但沒有用超鏈接將各個文章聯繫起來。雖然你現有的定期讀者能通過每天登錄或者RSS訂閱的方式註意到你的每一篇文章,但是未來的讀者可能就沒有這麼好的運氣了。他們通常都是通過某個搜索引擎點開系列中的某一篇文章,而如果你沒有為其餘的文章提供超鏈接,這些讀者將只能通過搜索才能讀到它們。為系列文章建立內部的鏈接其實非常簡單,你只需要在引言裡提供所有文章的鏈接,然後在每篇文章的開頭和結尾處提供回到引言的鏈接即可(告訴讀者在那裡能夠看到系列的所有文章)。還有另一種方式,你可以在系列的每一篇文章中都提供“前篇”和“後篇”的鏈接——就好像鏈條般一個接著一個。 (10)畫上一個圓滿的句號。雖說“畫上一個句號”的含義已經很明顯了,我仍然認為“圓滿”二字有存在的必要。如果系列文章沒有一個明確的結束,很可能會虎頭蛇尾,讓一些讀者感覺被突然吊在了那裡。為整個系列以及主要觀點做一下總結,同時別忘了邀請讀者分享他們自己的觀點——把他們認為的遺漏之處補充出來。 創建一個優秀的系列文章是一門藝術,掌握好這門藝術將能為你的博客帶來更多活力。每個月我至少都會嘗試一次,而且我發現一般都會得到讀者們良好的響應。只要係列文章能以教學為導向、注重實踐而且迎合讀者的切實需求,它們將表現出極高的效率。

網站文章內容的長短與SEO

在博客裡一篇文章的最佳長度應該是多少?就這一問題,博客作者已經進行了為期數年的激烈辯論。在決定長度時我們需要考慮一系列因素。 讀者的注意力長短一一研究證明,一般用戶在網上閱讀內容時,注意力只能集中很短的時間。有調查表明讀者在一個博客裡駐留的時間平均保持在96秒鐘。這意味著你只有一分半鐘的時間與讀者溝通。因此,很多網站的經營者都會特意把內容的長度限制在掃幾眼就能讀懂的範圍內。 SEO——搜索引擎優化專家們的普遍看法是,太短或太長的網頁的排名都會落後於長度適中的網頁。當然,沒人知道在Google和其他搜索引擎心目中一篇文章的理想字數是多少,但似乎普遍認為一個頁面不少於250個字長度才比較合理。相應地,很多人認為頁面字數不應超過1000個。 文章的數量——有一種大家普遍認同的理論認為文章越短,可寫的文章就越多。而文章越多,通過RSS和搜索引擎所積累的讀者群也就越多。有不少人都相信Engadget和Giznlodo等網站正是通過這種方式用大量的短小文章來充實內容的。 主題和類型——通常你所寫的文章類型決定了它的長度。比如說,產品的評論文章一般都比較長;而如果是與新聞相關的文章,而且有不少人都已經寫過,長度則會略短。 全面地闡述文章主題——這一點歸根結底是博客作者寫作時將遵循的主要準則。把文章的主題闡述全面,然後就此打住。單純為了長度寫文章絕不是明智之舉,但文章太短也不能完整地涵蓋方方面面。 文章的文字數量如果太少的話,也會影響到網頁質量,會造成網頁主題不明確從而很難獲​​得好的排名。盡可能地不要讓文章少於500字,同時應該盡量多分段,是比較理想的文章結構。

網站管理人員需要了解的SEO技術

技術人員可能是最難以接近的專家了,因為他們的知識看起來在某些領域過於精深,其他人難以理解。有時候技術人員是如此專業,以至於他們之間彼此箝制。但是這並不能阻止你。除非你在搜索營銷方面培訓技術人員,否則你的自然搜索工作會很難做到位。 現在聽起來好像是,不管我們討論的是什麼專家,我們都在告訴你把他們爭取過來有多麼重要。不幸的是,對搜索引擎營銷來說,最大的挑戰恰恰是每件事都是重要的。除非你說服了外圍團隊的每個成員把工作做好,否則搜索營銷不會起作用。網站管理員,網站開發人員,信息架構員,還有格式規則的開發人員都是你下一步要共事的。 在自然搜索營銷中最重要的技術角色當屬網站管理員。在小規模網站,這個角色可能由一個人擔當,但是大公司的網站有幾十個網站管理員也不奇怪。網站管理員保證你的站點不宕掉,以及對訪問者有快速的響應。當然還有更多的事情。譬如設置域名和URL名字。他們決定由哪個服務器顯示哪一個網頁、處理負載均衡等很多其他的工作。 有些網站管理員被分派的任務對於自然搜索營銷是非常重要的,因此我們將集中進行討論: 站點的可用性。當蜘蛛程序來訪,你的站點必須正常運轉而且快速響應(通常少於10秒),以使得你的網頁被收錄。如果蜘蛛程序不斷地在你的網站上發現慢速或者難以獲得的網頁,它們就不會經常光臨,甚至根本不來​​了。蜘蛛程序可能在白天或黑夜的任何時候來,所以對你的網站來說沒有安全的關閉時問。 URL名字。網站管理員命名域和子域(例如WWW.子域名.域名.tom),而且他們也經常決定怎樣命名目錄(文件夾),例如www.domain.com/目錄名。有些搜索專家相信如果你的URL根據關鍵詞來命名會幫助你的搜索排名,但即便不是這樣,你也需要網站管理員幫助你給URL命名。原因是:一旦一個網頁被命名為某個URL,你不會希望它變動——如果變動了,從其他站點連到這個網頁的鏈接就不能工作了,你的搜索排名也會受到影響。 URL重定向。網站管理員在網頁上改變URL的方法之一是加上重定向(redirect)代碼,它告訴了瀏覽器(或者蜘蛛​​程序)網頁已經改變到了一個新URL上。重定向有很多種,它們都對瀏覽器有效,但是只有一種對蜘蛛程序有效。很顯然,你會希望你的網站管理員使用那一種。 對蜘蛛程序的指引。網站管理員控制一個特別的文件,名字是robots.txt,這個文件含有引導蜘蛛程序怎樣爬過你的網站的指令。這個文件可以告訴蜘蛛程序離開,或者爬過所有頁面,或者在兩者之間的某個狀態。你必須確認你的網站管理員允許蜘蛛程序爬過所有要被搜索引擎收錄的網頁。 有這麼多重要的搜索營銷任務,你看讓網站管理員理解正確的執行方法有多麼重要。但是,你可能已經猜到了,很多網站管理員甚至不理解基礎的搜索營銷。有些網站管理員完全阻止了蜘蛛程序對他們網站的訪問,錯誤的相信他們通過阻止了討厭的蜘蛛浪費我們寶貴的網站服務器時間,來提高了站點的性能! 因為網站管理員是精通技術的(而你可能不會),要接近他們是很令人窘迫的,但是你必須這麼做。如果你對他們的技術能力給予足夠的尊重,你將可能發現他們實際上在心裡對你的站點是最感興趣的。他們真正關心你的訪客快速看到你的網頁並得到了他們要找的內容。當你解釋搜索營銷對你的訪客有多麼重要的時候, 他們會聽的。網站管理員通常自己使用搜索,因此向他們顯示訪問你的站點有多難通常會是有​​說服力的。 偶爾,網站管理員團隊會擔心在你的搜索營銷活動成功之後,會產生多少額外的訪問量。你可能需要幫助他們論證使用更多的服務器來處理額外產生的流量,這些流量是預期在你成功的時候將獲得的。 一旦你讓他們站到了你這一邊,網站管理員可以成為你最好的同盟來向其他技術人員推廣蒐索。網站管理員在他們工作的過程中與很多人打交道,他們經常執行標準並向其他人傳授經驗。

網頁色彩設計

網頁中最難處理的就是色彩搭配的問題。如何運用最簡單的色彩表達最豐富的含義和體現企業形象,是網頁設計人員需要不斷學習、探索的課題。在網頁設計中,應根據和諧、均衡和重點突出的原則,將不同的色彩進行組合、搭配,構成美麗的頁面。按照色彩的記憶性原則,一般暖色較冷色的記憶性強。色彩還能使人產生聯想、象徵某些事物,如紅色的色感溫暖,白色的色感光明,等等。 根據專業的研究機構研究表明,彩色的記憶效果是黑白色的3.5倍。也就是說,在一般情況下,彩色頁面較黑白頁面更加吸引人。 1.網頁色彩搭配原理 ①色彩的鮮明性。網頁的色彩要鮮豔,容易引人注目。 ②色彩的獨特性。要有與眾不同的色彩,使得用戶對企業網站的印象強烈。 ③色彩的合適性。色彩和網站表達的內容要與氣氛相適應。 ④色彩的聯想性。不同色彩會產生不同的聯想,如藍色想到天空,白色想到純潔等。 2.網頁色彩搭配技巧 ①相同色系色彩。先選定一種色彩,然後調整透明度或飽和度,產生新的色彩。這樣的頁面看起來色彩統一,有層次感,容易塑造網頁和諧的統一氛圍,缺點是容易造成網頁的單調。 ②運用對比色或互補色。先選定一種色彩,然後選擇它的對比色或互補色,這種用色方式容易塑造活潑、生動的網頁效果,缺點是容易造成色彩雜亂。 ③不要將所有顏色都用到,盡量控制在三種色彩以內,並且在其中選擇一種作為主色調。 ④背景和文字的對比盡量要大,要有足夠的對比度來保證頁面易於閱讀,絕對不要用花文繁複的圖案作背景,以突出主要的文字內容。 ⑤由於生活的地理位置、文化修養的差異等,不同的人群對色彩的好惡程度有著很大的差異。如生活在鬧市中的人喜歡淡雅的顏色;生活在沙漠中的人喜歡綠色等。在設計中要考慮主要用戶群的背景和構成。