視覺設計 - 要改的地方太多了，那就改天吧

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

2024-02-10

2024 年 1 月底 2 月初，蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣，這個禮拜的社群到處都是戴著滑雪鏡般外型的機體，徜徉虛擬實境世界的短影片。目前已經知道很重要的 3 點: 現階段還沒有中文輸入法，而且下載 app 需要準備美區的 Apple 帳號。有些系統 UI 介面只有停止的時候才會顯示，沒辦法邊走邊用，視窗會「留在原地」，需要用手捏著視窗才能把視窗帶著走，但走動的時候，捏著的視窗會變半透明的，移...

繼續閱讀

使用者介面網頁設計視覺設計

#apple #css #css3 #HTML5 #ios #RWD #UI

使用這些漸層產生器和 Figma 套件，避免做出中間髒髒的漸層色

2023-10-16

前陣子在社群看到一個平面印刷設計類的討論，大致一個透明漸層與黑色底色疊起來之後，中間看起來霧霧濁濁髒髒的，要怎麼解決? 原圖比較複雜，我另外做了一張示意圖這是一個牽涉用 Adobe illustrator 做平面設計、CMYK油墨印刷、紙張材質的問題，好像每隔一陣子就會出現一次，這次的可能情況比較單純(底色是黑色K100。而不是其他顏色)，修改與示範相對容易，所以討論比較熱烈。但就算用了一些方法把濁濁的顏色變鮮豔，還是有...

繼續閱讀

使用者介面網頁設計視覺設計軟體產品體驗

#css #css3 #UI

套版網頁設計的末日? 試玩 10 幾種 AI 網頁設計與架站工具

2023-07-04

在 2023/3/15 的 GPT-4 Developer Livestream 直播發佈會中，OpenAI 為了展現 GPT-4 的多模態(multimodal)功能，在影片 16 分左右開始弄了一個把手繪稿轉成網頁的範例。時間又過了好幾個月，GPT-4 辨認圖片的功能還是沒開放(更新:2023年底開放 gpt-4-vision-preview 模型，Tier1 的 OpenAI API 帳號可以使用)，但是這個腦洞大開的 demo 也讓市場上多了不少號稱 AI 網頁設計服務。一個網頁大概有內容策略、文案寫作、視覺設計、...

繼續閱讀

使用者介面數位行銷科技科技新聞解析網頁設計視覺設計軟體產品體驗

#css #css3 #domain #google #SEO #UI #ux

增強商品吸引力！試用多款AI繪圖工具生成電商商品情境圖

2023-06-05

生成式 AI 繪圖之前已經介紹過好幾篇，本次來介紹一個比較專門用途的：電商 AI 商品圖製作工具。假想的情境：有個網站，本來用的商品封面圖都是單純白色的背景，那種要上架 MOMO 購物或一些第三方平台用的圖，但是因為生意不好，老闆找來大師，大師說要把商品照片換成背景有風景或使用情境的，或是在圖上面壓文案等等。重新拍照很麻煩，所以先用 AI 繪圖做幾張，AB test 看看點擊量或一些指標有沒有增加。假想的使用對象：想...

繼續閱讀

科技新聞解析視覺設計

#adobe #ai #電商

開局三連抽的 Adobe Photoshop Beta 的 Generative Fill 試玩心得

2023-05-25

Adobe 近來消息不斷，除了上個月 2023/4 在 Adobe Lightroom 發布 noise reduction 功能，可以把 RAW 檔照片用 AI 降噪，拯救了不少高 ISO 噪點很多的照片。在本週 2023/5/23 的時候又發生了推特瘋傳美國五角大廈爆炸的 AI 假圖，導致美股 SP500 插了好大一根針… 啊不是，本文主題是 2023/5/23 的時候，Adobe 發布了 Photoshop 的新功能 Dream bigger: Get started with Generative Fill, powered by Adobe Firefly Generative A...

繼續閱讀

科技新聞解析網頁設計視覺設計

#adobe #ai #china

實測內建 AI 產圖功能的 Microsoft Designer 可以達成什麼設計需求

2023-03-01

2023/4/27 更新: 微軟已經移除 Microsoft Designer 的等待清單，現在可以不用排隊，直接登入使用了，相關官方公告: Microsoft Designer expands preview with new AI design features 在2022/10 月微軟發布新聞 From Hot Wheels to handling content: How brands are using Microsoft AI to be more productive and imaginative 裡面提到了一個叫 Microsoft Designer 的新軟體，它是一個在瀏覽器內運作的網頁版影像編輯軟體，有著...

繼續閱讀

使用者介面科技新聞解析網頁設計視覺設計軟體產品體驗

#adobe #ai

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 – 平板裝置上的筆刷繪圖軟體，如 ProCreate 之類的 – 2012 成立，2018 年開始經營中文市場的 Canva，做簡報、...

繼續閱讀

視覺設計軟體產品體驗

#adobe

近期常見的11種平面設計中文字型

2020-07-13

設計美學是用錢堆起來的，看得見的名片、廣告傳單、宣傳海報、商品包裝，還有摸不著的電商 banner、網拍商品說明、社群網站貼文配圖、Youtube 影片內的影像，裡面出現的任何一個圖像元素、字體，還有文案、主題策略，都不會憑空生出來。除了用圖像傳達訊息，選用的字型也是影響整體設計風格的重要美感要素之一。除了最好買、大家看到膩的華康字型，一些小型設計模板 app 的字型像是下筆| 質感繁中文編輯、黃油相機、vivisticker ...

繼續閱讀

網頁設計視覺設計

#free #webfont

目前正在瀏覽文章分類：視覺設計

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

使用這些漸層產生器和 Figma 套件，避免做出中間髒髒的漸層色

套版網頁設計的末日? 試玩 10 幾種 AI 網頁設計與架站工具

增強商品吸引力！試用多款AI繪圖工具生成電商商品情境圖

開局三連抽的 Adobe Photoshop Beta 的 Generative Fill 試玩心得

實測內建 AI 產圖功能的 Microsoft Designer 可以達成什麼設計需求

CSS mix-blend-mode 與 Photoshop 圖層混合功能對照

初探 MidJourney – 用 AI 產生圖片的影像創作工具

8 個 Affinity Designer 無法完全取代 Adobe illustrator 的問題

近期常見的11種平面設計中文字型

全站文章標籤: