優質的網頁設計教學 歐奇羅賓的攝影漫步

歐奇羅賓的攝影漫步的部落格版型使用的是阿腸工作室的免費版型,也是大部分部落客會選擇的版型之一;自架站是否該自己購買版型一直是許多人猶豫的,但我認為只要你的排版和照片夠漂亮,就算是用和大家一樣的免費版型也是可以做出屬於自己的風格。

影片教學

輪播圖的設計

「歐奇羅賓的攝影漫步」的輪播圖設計並沒有什麼好嫌棄,所有的輪播照片都有後製處理過,該加上文字該做的特效都有到位,顯得特別用心,這裡所謂的特效並不是調色差或者是人像修圖,許多人的輪播圖只是放上一張漂亮的照片,但是照片再漂亮卻不一定可以達到宣傳的效果,畢竟部落格本來就是滿滿的照片集散地,又誰會因為這一張輪播圖而被吸引。

正確輪播圖的作法應該是要將它當作是海報設計來處理,畢竟放置在輪播圖的資訊不外乎是熱門文章、精選文章等,目的就是希望讀者先點擊輪播圖的連結為首要目標,如果輪播圖就只是一張比較大的照片而以,和一般文章的首圖並沒什麼兩樣,那讀者為什麼要先看輪播圖而不先看你的最新文章呢。

內文排版的設計

內文排版的部分大部分的部落客都會在第一段和第二段文字之間加入臉書貼紙或者是一些社群貼紙,這一類排版我覺得很OK,但我還是會比較建議大家不要直接用官方制式的貼紙,因為在排版上會有一點難看,盡可能自己設計好看的貼紙。

引言框的地方似乎用的非常非常的多,這到底是好還是不好?我並無法給一個正確的答案,畢竟在設計上他確實比較顯眼,可是在正統的文章排版中卻不是一個正確的方法。接下來是的圖片和介紹文字的排版設計,這裡我則是會建議參考俏鬍子旅行團的設計,把介紹字放在照片下方而不是照片上方,畢竟讀者都習慣先看圖再看字,並不會因為先看到了詳盡的文字介紹才對照片有所了解,這也是傳統排版的習慣,可以多注意一下;在圖片文字介紹的地方也可以做不一樣的字體或是稍微一點點的顏色變化,讓讀者可以分辨什麼是內文字什麼是圖片介紹文字。

文末的繼續閱讀「歐奇羅賓的攝影漫步」並不會像大部分的部落客一樣塞入非常非常多的懶人包連結,這是一個非常好的設計,但我還是會建議可以圖文並茂,會有助於讀者的繼續閱讀。

在美食文章的下面會有給幾顆心的小設計,這裡的幾顆心我們會建議用小ICO或者是顏色來標示,盡量讓他有突出的效果,更能顯出重要性。

文章分類的設計

「歐奇羅賓的攝影漫步」的攝影漫步的文章分類確實讓我猶豫了許久到底該將他們的網站區分為哪一個種類,我剛認識這對情侶的時候是和3C有關,攝影也有不錯的技術,但無論下拉選單或是文章分類中我卻發現他們寫得非常的雜。

從輪播圖中發現他們應該是屬於旅遊部落客,可是從下拉選單的分類中會發現一開始介紹的分類卻是美食相關的資訊,下拉選單的六個分類去除了自我介紹外,旅遊相關的資訊只佔了兩個分類,這樣子的分類確實會讓廠商難以定位,我個人建議在下拉選單的分類中也許可以加強目前自己主打的項目,其他的分類則是放在側邊欄的目錄中,盡量讓下拉選單和你的輪播圖有較大的關聯性。

※延伸閱讀:文章分類的設計和排版

側邊欄的設計

側邊欄的設計到底要不要放入作者簡介?我個人會非常支持,尤其當作者面貌姣好又願意露臉的時候我覺得那就更應該要放了,畢竟人是視覺的動物,同樣是漂亮的照片,人像和風景或者是物品,人像就會有非常大的加分效果。

接下來講到的是懶人包的貼紙,側邊欄的擺放順序我會建議是先放人像,再放文章分類或最新文章,懶人包貼紙則是放在最下面,也可以把懶人包貼紙定位在側邊欄最下面,不管網頁怎麼滑動他都會停留在你的側邊增加讀者的關注度,並在文章閱讀完畢後願意點擊。

網頁設計和閱讀的方式因為近幾年手機版閱讀人口大幅的提升,衝擊了原有電腦版的使用者閱讀習慣,所以在側邊欄的排版上我們得慢慢做去蕪存菁的排版設計,否則放再多的訊息也是徒勞無功。

自我介紹的設計

自我介紹的設計看起來是四平八穩,問題是並沒有太多的數字可以做佐證,讓廠商無法太了解作者的能力區間,一般廠商在評斷是否發案子給部落客的時候大部分是以排名、人氣和粉絲數為主,也許歐奇羅賓的能力早就跳脫了數字的限制,但會看作者簡介的廠商就一定是不了解作者的人,也只能從最基本的數字來為你做第一次的評分。

作者簡介的頁面我會建議盡量把它當作是一個簡報來做設計,一般的簡報你會放入哪些資訊、哪先資訊該放在前面那些又該放在後面、哪些資訊應該特別標註起來讓他特別顯眼,就朝著那個方向直行就對了。

導讀網站

Oicky熱愛美食,攝影以溫暖輕快的色調,呈現出女性所獨有的視角。

Robin熱愛攝影,對攝影的熱忱及熱情就如同生命不能沒有水分一樣,各種攝影風格都有鑽研,最為熱愛捕捉充滿溫度及故事性的人像作品。

想要學其他排版技巧記得看以下的文章

創用 CC 授權條款
WordPress架站百寶箱阿腸製作,以創用CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款釋出。

抱歉,本篇文章留言已經關閉。