網頁設計案例分享,伯利恆教會主題


近期製作的第二個網站佈景主題「伯利恆教會」,這個主題也會使用在教會架設平台「Andoo」中提供給使用者使用。

WordPress 自從更新到全站式編輯之後,我就一直很想嘗試要開始開發使用者也可以簡單更換內容的網站,而學習了將近大半年,也了解了區塊主題到底要怎麼開發,漸漸也愛上了使用區塊架設網站。

這篇文章要來分享一下這個佈景主題的設計理念以及小細節。

設計初步構思

以明體為主的設計

在設計這個版型時,我一直不斷想嘗試使用「明體」來當作網頁最主要的字型,目前的中文網頁設計多以「黑體」為主流,然而明體的使用比較少看到。

以文字為主的設計

文字要大,而且資訊要少,讓人一眼就能看明白

一開始就衝著類似報紙或雜誌的樣式去設計,希望給喜歡大量文字的使用者使用。因此去除掉一些不必要的小資訊等等,並且文字的部分都比以往設計的還要大!

以方格為主的設計

參考像是教科書一樣的排版,善加利用方角,塑造嚴肅的感覺

以往我喜歡的設計風格都比較偏向圓角,然而方角的設計給人比較嚴肅、比較莊重的感覺,因此在第二個版型就希望給人感覺是樸素,甚至是有點無趣的感受,適合給較為安靜的使用者使用。

網站色彩

整體網站顏色濃縮至四個顏色,而背景色採用的是淡綠色,相較於純粹的白色,給人一種更柔和更自然的感覺。看久了確實會想睡覺…

以接近純黑色形成強烈的對比色,讓文字明顯凸現且不會被背景顏色吃掉。

而主要使用的凸顯按鈕則是純白色與稍微灰一點的白色,讓可以按的按鈕在頁面上看上去更加明顯!

網站字體

我很少用這麼大的字,但比起黑體,明體是更加不容易閱讀的文字,常常放在一起就會有一種繁雜的感覺,因此刻意將文字放大到比平常還大,除了可以縮減字數以外,閱讀上也比較不會那麼吃力。

而文字標題的階層也超級明顯,為的就是要一口氣就凸顯出差異,因此如果差異不大,會非常難辨識。


整體而言我還滿喜歡這次的設計風格,雖然我自己是比較擅長製作扁平設計的樣式,但偶爾嘗試看看不同的感覺,也是滿新鮮的。

目前只有製作主頁的部分,剩下其他頁面會慢慢發布。


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

© 2023 平凡以上版權所有