Showing Posts From
Web
使用 Claude Design 產生 favicon
最近因為部落格改版的關係，我想要換一個新的 favicon，也就是在瀏覽器中顯示小圖示的樣子來讓使用者辨識網站。像下面的圖示中最左邊的 icon，產生這個圖的難處是因為他很小，因此不適合複雜的設計，且需要高辨識度和清晰度。 第二個筆的圖示花了我非常久的時間摸索 Figma 然後擷取素材，大概勉強做出一個。這次原本想用 Canva 做，做出一個我喜歡的，但發現不適合縮小，中途嘗試了 Figma。 最後在 Claude Design 上選擇原本的網站專案，先讓他看之前的 favicon 並且跟他說我的概念。 他會先產生幾個樣式排列給你選，我覺得很容易對照。且我覺得他考慮到了從大到小的樣式，到這裡的互動大概可以知道 Claude Design 知道設計需要注意的重點在哪，因此在產生圖的時候相較也能夠一開始就排除會變得很模糊的樣式。最後決定後，才會開始產生圖檔，並給你看在各種地方使用和瀏覽器上的樣子，這預覽我覺得很用心，我非常喜歡這個部分。因為以往通常都要自己手動放上去在開發模式再看看樣子，然後自己在亂東調西調一下。：D 這讓我這個網頁工程師也可以稍微可以做出堪用的東西在自己的專案上，我覺得很有樂趣。