CSS 中可以做到的方法很少，但使用哪一種完全取決於實際情況。我將一一列出，以便您選擇更好地解決您的問題的選項。

Read More

 1.繪製一個圓形

2. 填入漸層色

3. 點選 效果 > 彩色網屏

4. 彩色網屏四個色版設定的數值都設相同，最大寬度就是圓點的最大寬度大小，這裏設10

5.完成如下圖，也可以利用漸變軸，調整到需要的效果。

6.將這個圖形改變成點陣圖，到物件 > 點陣化

對話匡調整解析及色彩模式，這裏設定為RGB 300ppi 背景為透明。

7.再利用影像描圖將圖片轉成向量圖形，在影像描圖中選擇『3色』，這樣描圖出來的效果最好最乾淨。

在將影像描圖後，點選展開，這樣就轉換完成囉。

Read More

 

今年嘗試主視覺利用手繪加上細節紋路整體表現

文青風格來詮釋書店年終慶優惠活動。

其他活動banner

來源網址：https://ebook.hyread.com.tw/activity/202112finalsale/index.jsp

Read More

CSS有幾種表示長度的不同單位

許多CSS屬性採取“長度”的值，例如width，margin，padding， font-size，等。

長度是一個數字，後跟一個長度單位，例如10px，2em等。

數字和單位之間不能出現空格。但是，如果值為0，則可以省略單位。

對於某些CSS屬性，允許使用負數長度。

長度單位有兩種：絕對單位和相對單位。

絕對長度

絕對長度單位是固定的，用任何一個長度表示的長度將恰好與該大小相同。

不建議在螢幕上使用絕對長度單位，因為螢幕尺寸變化很大。但是，如果已知固定尺寸，則可以使用，例如用於Print Layout。

*像素（px）相對於查看設備。對於低dpi的設備，1px是顯示器的一個設備像素（點）。對於打印機和高分辨率屏幕，1px表示多個設備像素。

相對長度 對長度單位指定相對於另一個長度屬性的長度。相對長度單位在不同渲染介質之間縮放更好。

另外，在ps裡做設計稿時，常常需要單位pt轉px、或是ems轉px等相關數值

可利用以下網頁，直接幫你轉換非常方便

https://simplecss.eu/pxtoems.html

Pt to Px Converter

Simple CSS Units is a free tool for Web Designers & Front End Developers to simplify the process of converting CSS units. Simply enter your units in the fields below and watch your unit get converted in realtime, eg Points to Pixels.

Read More

（ 在PhotoShop設計網頁版面時，一直以來都依賴「切片」工具來將儲存版面中的元件。但是因為利用切片工具卻無法儲存網頁元件圖片倍數大小，例如200pxX200px的PNG圖檔，＠2就是400X400px。這樣的話我必須將所需的圖像元件分成好幾個工作區域來分別存取，實在很不方便。

研究PhotoShop 2020版之後，他其實可以利用 檔案 > 產生 >影像資產 來解決儲存網頁切片元件。

Read More

前陣子幫忙改版已經使用了6年的電子報版面。這份電子報的網頁格式是big5，每個月編輯時都非常頭痛，因為目前我能開啟編輯的軟體只有Dreamweaver了。恰恰我也不使用Dreamweaver來編輯網頁的設計師..... 嚴格來講，軟體沒有移除只有兩個 : 為了某些舊客戶需求要調整Maplink 時候修改用，另一個就是因為要編輯電子報。

終於，將舊版電子報改版了~

參考現在常見的電商發出的電子報設計，我把原本多餘的裝飾圖片都移除，改由簡單清爽的設計。

Read More