CSS mix-blend-mode 與 Photoshop 圖層混合功能對照 2022/11/03 前幾天把一份別人的 Photoshop 設計稿做成網站，發現裡面用了不少 PS 圖層混合模式，例如下圖兩個簡易 wireframe 範例圖左有一組清單，標題跟內文各有背景色，清單上面有一些透明圖案，會跟標題和內文的背景色混合。只是把圖存成 PNG 蓋在上面肯定是不可行的，因為要跟底下其他區域混合後，才會是正確的顏色。也無法把圖案墊在最下面，會被標題跟內文的背景圖蓋住，當然顏色也會不對。用 RWD 的思考邏輯，肯定無法把圖案切開直接做... 繼續閱讀 網頁設計視覺設計#css#css3#ios#iphone#js
初探 MidJourney – 用 AI 產生圖片的影像創作工具 2022/05/30 電腦不只會種花生，現在電腦還會根據關鍵字和文句拼貼圖片了，近期有幾個圖像生成工具非常火紅，Midjourney 就是其中之一，剛好有機會拿到邀請碼。就週末來試玩一下。現階段沒有開放公開註冊，就是要在官網登記，或等人發 Midjourney 的 Discord bot 邀請連結，一定要等拿到邀請連結，才能真正開始使用軟體，進去開始使用免費做圖額度做圖，還有看到別人做圖的過程、免費額度用完了就要繳最低 $10 美元起的月費，使用 /subcribe 指... 繼續閱讀 視覺設計軟體產品體驗#adobe#ai#UI
8 個 Affinity Designer 無法完全取代 Adobe illustrator 的問題 2022/05/11 凡是做視覺設計、平面印刷，哪個沒用過 Adobe 的產品?但是在畢業之後，這類數位視覺設計軟體，竟然在市場上又出現了不少新面孔，以首發日期來算，像是:2010 年的 Sketch (macOS Only): 點陣/像素/UI 都適合2014 年的 Affinity Designer / Affinity Photo: 前者做向量圖，後者做點陣圖2016 年的 Figma : 適合做 UI，2024 年還出了 Figma Slides 簡報功能平板裝置上的筆刷式繪圖軟體，如 ProCreate 之類的，後來 ProCreate 還可以用... 繼續閱讀 視覺設計軟體產品體驗#adobe
近期常見的11種平面設計中文字型 2020/07/13 設計美學是用錢堆起來的，看得見的名片、廣告傳單、宣傳海報、商品包裝，還有摸不著的電商 banner、網拍商品說明、社群網站貼文配圖、Youtube 影片內的影像，裡面出現的任何一個圖像元素、字體，還有文案、主題策略，都不會憑空生出來。除了用圖像傳達訊息，選用的字型也是影響整體設計風格的重要美感要素之一。除了最好買、大家看到膩的華康字型，一些小型設計模板 app 的字型像是下筆| 質感繁中文編輯、黃油相機、vivisticker 裡... 繼續閱讀 網頁設計視覺設計#free#webfont
最黑暗的界面時代來臨 網頁設計準備好了嗎？ 2020/06/01 一開始又要老人講古，以前小時候用 Notepad++ 都是白色的背景，Visual Studio 之類的 IDE 也是白色背景配淺藍色系的工具列，Adobe 的 Phoroshop 也是淺灰系配色，AE 也只是深一點的灰色系。大概只有股票節目、電影裡的電腦畫面，電腦的 command line 視窗，會用黑色系的 UI 畫面。但近幾年突然掀起黑色 UI 風潮– 新出的 Text editor，像 Sublime Text, Atom, Adobe Brackets, Visual Studio Code …預設裝好打開，介面都是黑色系的–... 繼續閱讀 使用者介面網頁設計視覺設計#apple#css#ios#mac#UI
參加口罩地圖之亂 2020/02/17 最近武漢肺炎疫情，又想起了2002年，讀國中的時候遇到 SARS 疫情時期的那份恐懼，上課或是出門到哪邊都要先量體溫，許多店門口都放酒精消毒用品，第一次知道什麼叫N95口罩。但現在是2020年，醫護人員一樣血汗，但時代不一樣了，行動上網普及，資訊工具與開發方式百家爭鳴，政府還公發醫療口罩？又有什麼新梗呢？大概是口罩地圖之亂吧！2020/2/2 的時候大家瘋傳一個超商口罩掃貨地圖……呃不是，是超商口罩現況回報的網站，畢竟都 202... 繼續閱讀 網頁設計視覺設計軟體產品體驗#api#map#個資外洩
把 CorelDRAW 的煩人廣告關掉 2019/11/30 Adobe 身為一個資料外洩大戶，在 2013 年外洩了 3800 萬筆用戶資料，2019 年又有 750 萬筆，以及每年黑色星期五的三折/五折訂閱優惠讓大家口耳相傳，而且還是現代軟體訂閱制的知名案例。但今天要講的是另一個曾經的榮耀，CorelDRAW(摳桌)。CorelDRAW 很佛心，有提供短期免費試用版，雖然我也不會用，但開個檔案轉存 pdf 還是可以的，所以遇到給檔是給 CorelDRAW 的 cdr 格式的稀有行為，只要下載試用版來開檔案就好了。但遇到客人... 繼續閱讀 視覺設計軟體產品體驗#adobe
網頁無障礙網頁規範對於上稿人員的要求相當多 2019/11/03 不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎？」維護網站最基本的技能就是美感，以及各種數位資訊的知識、工具的操作。還有數位內容的產出，例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製？理解所有單位要放的內容?甚至排解伺服器運作問題？在長官跟外包廠商中間當夾心餅？長官出一張嘴最簡單了嘛。反正基層實作人員就是該死。維護網頁已經不簡單了，要維護一個符合台灣政府無障礙網頁規範的... 繼續閱讀 文書小幫手網頁設計視覺設計#css#editor#HTML5#Https
思源黑體設計稿字體樣式與CSS font-weight 對照 2019/07/28 有時候要照別人的設計稿按圖施工，在 Adobe 的軟體裡面，思源黑體的字體樣式是用 Light, Black, Medium…而網頁的 css font-weight 並無這些東西，打 font-weight:black 是顯示不出來的。版本比較新的 Adobe illustrator 有一個產生 CSS 的工具，外行人的想法就是以為導入一個工具之後就可以解決所有問題，但是有常識的人都知道這種「自動轉換」的東西通常有三大特點，一：很雷，二：超雷，三：雷到爆。以本例來說，需要知道 ai 檔... 繼續閱讀 網頁設計視覺設計#webfont
竟然無法登入新系統報稅，2018 報稅季讓 Windows 的使用者都驚呆了… 2018/05/01 因為 Windows 的字體在 4K 螢幕上面看了不舒服，去年不小心換了台 Mac 電腦，轉換有許多陣痛，陣痛之一就是之前那臺用了 N 年的晶片讀卡機在 Mac 沒法用，也懶得買新的，而且自然人憑證也要到期了，還在想說今年報稅要怎辦的時候，就看到了重大更新《台灣報稅系統優化 mac&linux系統與平板專用報稅網站正式上線》我這輩的年輕人真的很爽，不像長輩那代報稅還要用手寫、整理扣繳憑單，現在幾乎只要會登入然後按下一步就好了。報稅系... 繼續閱讀 使用者介面視覺設計軟體產品體驗#UI
