簡單好用的水花去背教學

在食品、電商或化妝品廣告的製作中,有時為了強調新鮮、清涼或水潤的質感,在後製時會在畫面中加入水花四濺的效果。然而,這類效果往往面臨兩大挑戰:首先,水花的形狀複雜多變,傳統的鋼筆工具或選取工具很難精確去背。其次,需要保留水花的透明度,以確保它能與其他廣告元素無縫融合。

簡單好用的水花去背教學 閱讀全文 »

MAC上好用的開源應用

在網路上介紹 macOS 上的應用時,大多數文章都著重於蘋果應用商店,其中常見的應用也屢見不鮮,推薦清單也都大同小異。若想探索其它來源的應用,卻往往感到困惑,似乎除了蘋果應用商店和 SetApp 之外就沒有其它可行之路。但實際上,如果我們轉向開源產品,將會發現一個與眾不同的新天地。

MAC上好用的開源應用 閱讀全文 »

Nerd Font:程式的紅綠燈

想像一下,當你駕駛到一個路口後發現沒有交通號誌會發生什麼情況?可能大多數的人會感到惶恐不安?!深怕一個閃神就會有不知名的冒失鬼衝出來釀成大禍。

同樣地,當你在編寫程式碼時,有時會遇到具有特定意義的行為,像是 Git 的操作,你可能需要 add、commit 或是切換分支,以往我們需要有足夠的上下文或資訊才能理解它們背後的含義。但,如果我們可以給這些特定的行為一個符號,是不是就可以透過符號輕易的了解目前的行為是什麼意思。

Nerd Font:程式的紅綠燈 閱讀全文 »

HTML 的 role 屬性是什麼意思?

由於 HTML 本身的限制,有時 HTML 的標籤無法充份表示該元素的用途,比較常見的情況我們會將 a 標籤模擬成按鈕的樣式,在一般的情況下這沒什麼問題。但遇到需要更嚴謹的語意應用時(如無障礙網頁),我們就需要用特別的方式來區分,這時我們會藉由 role 來輔助說明該元素的用途,增強語義。

HTML 的 role 屬性是什麼意思? 閱讀全文 »

VGN N75 單模機械鍵盤開箱玩。我們還需用多少代人的青春,才能換來一個夠性格的產品?

這兩三年是中國鍵圈的春秋戰國,烽火連天、內卷嚴重。產品推陳出新的速度令人眼花撩亂,很多過去需要兩三千才能買到比較令人滿意的鍵盤,如今只要一兩千就能買到,VGN 更是其中的佼佼者,剛在市場推出的時候,基本款的 N75 甚至只需人民幣 99 元,折合台幣不到五百,一到市場就售盡,想搶都搶不到,有那麼點小米的飢餓范。

VGN N75 單模機械鍵盤開箱玩。我們還需用多少代人的青春,才能換來一個夠性格的產品? 閱讀全文 »

網頁要如何實現平面刊物多欄或跨欄的效果?

對於平面設計師來說,多欄或跨欄排版的應用非常普遍,像是報紙、雜誌、廣告 DM 等等,幾乎我們生活中看到的各種平面設計都會出現它的蹤跡。特別是遇到大量的文字內容,透過欄位的編排,除了增加閱讀趣味外,好的編排還可以讓內容更加容易閱讀,幫助理解,一舉多得。

網頁要如何實現平面刊物多欄或跨欄的效果? 閱讀全文 »

CSS 寫入模式 writing-mode

一直覺的 CSS 是種很有生命力的語言,總能三不五時挖掘出新的功能,豐富我們對 Web 的想像力。

最近到 W3School 查詢標籤的用法,意外看到 writing-mode,有種相見恨晚的感覺。對網頁設計師來說,畫面的安排無非由點、線、面依次推導,內容因為文化的關係會有不同的表現方式。

CSS 寫入模式 writing-mode 閱讀全文 »

返回頂端