部落格

您在這裡

poliphilo

什麼是文字裝飾背景與圖像?

今天想跟大家分享一個在進行網站套版時很常遇到的一個需要處理的情境,為了讓標題或特定文字突出顯示,設計師會使用一些方法來區別一般文字段落。最基本的作法有調整文字顏色、字體、粗細與大小,為了讓畫面更美觀、更豐富與更貼近網站主題,設計師會為其加上一些裝飾元素,例如向量圖形、裝飾底線或符合主題的插畫圖像。在英語系網站中,比較接近的說法是「Text Highlighting」,這同樣是一種透過為文字加上背景顏色或效果以突出顯示的技術。

 


圖片來源:A CSS challenge: skewed highlight — Vadim Makeev

 

由於本文想分享的一些範例主要是透過圖像讓文字有更突出的顯示效果,因此我就先以「文字裝飾背景與圖像」來稱呼這種設計方法,常見的應用場景包括:

  • 標題強調:可以為重要標題增加背景色來突出顯示
  • 螢光筆效果:例如使用 `linear-gradient` 創造出類似螢光筆的標記效果
  • 連結裝飾:例如使用底線搭配 `transition`
peggy

多數架站專案的開場白,都是一句「請問可以幫我們做一個這樣那樣的網站嗎?」

有些客戶準備充分,身邊友人、ChatGPT早就調查過一輪;也有客戶還不知道自己想要什麼、該從哪開始說起。總之,初次見面總是難按計劃進行,往往客戶帶著答案紙來,又帶著問題集回去。

身為網站建置專案的PM,許多時候,比起快速出報價與排程,我們反而把時間花在辨別這些問題。

開了一堆功能清單,但真正需要的可能不是這些

當客戶初期攤開他的願望清單:會員系統、影片牆、多層分類、進階搜尋、登入區塊…這些聽起來都很棒,但深聊下去,才能知道這些「需求」背後真正的情境。

某個功能其實是從別人的網站看到覺得「應該也要有」,實際自己的支持者根本用不太到;還有是覺得可以讓內部管理方便,但太複雜反而沒人願意維護。每次討論這些東西的時候,其實更重要的是問一句:「為什麼想做這個?」

畢竟做網站的目的,是讓來的人找到他要的東西、留下他該做的事。

lynn
 
你曾好奇過 NETivism 這個名稱的由來嗎?其實,這個名字源自我們對自身的期許──成為網路世界中的行動者(Net + Activism)。
 
自 2009 年成立以來,我們始終秉持「透過科技推動社會變革」的理念,致力於支持非營利組織(NPO)與開源社群。除了以自由軟體為基礎,協助非營利組織建立與時俱進的網站,也透過 netiCRM 支持者關係管理系統,幫助組織實現永續經營。我們更自 2011 年起,透過實際的捐贈行動,支持各式公益計畫與開源專案。
 
截至 2024 年,我們累計的公益捐贈總額已達 2,058,867 元,其中對非營利組織的捐款為 1,245,813 元,對開源專案的回饋則為 813,054 元。這些資源分配至不同面向的行動,期望透過實質支持,推動社會公益與技術創新並進。
 

公益支出概況

一、直接支持非營利組織

我們長期投入資源協助非營利組織成長與數位轉型,除了曾經長期投入心力與資源合辦的
sharon

在 2024 年的尾聲,我們特別推出了一項專屬客戶的免費網站診療服務。
不僅是感謝大家對我們長期的支持,更希望藉由實際的行動,幫助 NPO 夥伴提升網站的使用體驗,使日常工作更加順暢。

為什麼推出免費診療服務?

網站對於組織的重要性,不僅是資訊傳遞的窗口,更是募款與支持者互動的關鍵平台。隨著時間的推移,網站難免會出現一些技術性問題,或是無法完全符合組織不斷變化的需求。因此,我們希望透過年底關懷的網站診療,主動幫助客戶發現並解決這些問題。