Recommended
More Related Content
Featured
Featured (20)
設計師業界必備知識
- 2. ✦ 圖片 -⾊色彩模式 -圖檔模式 -輸出格式 ⼤大綱 ——設計師業界必備知識 ✦ 字體 -⽂文字排版 -字體類別 -字體授權 ✦ 規範 -設計軟體 -網格系統 -設計規範
- 5. RGB 與 CMYK 是兩兩種最常使⽤用 的⾊色彩模式，分別應⽤用在螢幕顯 ⽰示以及印刷輸出。 常⾒見見的 ⾊色彩模式 ——設計師業界必備知識
- 6. RGB RGB 俗稱「⾊色光三原⾊色」，顏⾊色越 疊加越亮，分別是紅、綠、藍藍三⾊色， ⾊色域涵蓋範圍較 CMYK 廣。 CMYK CMYK 俗稱「印刷四⾊色」，顏⾊色越疊 加越暗，分別是青、洋紅、黃、⿊黑四 ⾊色，模擬印刷油墨墨的⾊色彩。 ——設計師業界必備知識 R G B C M Y K
- 8. ——設計師業界必備知識 RGB CMYK 應⽤用載體 螢幕顯⽰示 印刷輸出 組成⾊色彩 紅、綠、藍藍 青、洋紅、黃、⿊黑 ⾊色彩⾊色階 0-255 0-100 混⾊色模式 加⾊色混合 減⾊色混合
- 9. #RRGGBB 補充 HEX ⾊色碼原理理 以＃開頭，使⽤用 3 位元組共 6 個⼗十六進位數字表⽰示⼀一種顏⾊色， 每位元組從 00 到 FF，相當⼗十 進位數字從 0 到 255。 ——設計師業界必備知識
- 14. ——設計師業界必備知識 點陣圖 向量量圖 繪圖原理理 像素格點 數學⽅方程式 常⽤用範疇 照片、精細插畫 插畫、網⾴頁、商標 優缺點 ⾊色彩層次表現細緻 檔案較⼤大不易易傳輸 適合精細線條繪圖 檔案較⼩小易易於傳輸 副檔名 png/jpeg/bmp/tiff/gif ai/cdr/eps/svg 常⽤用軟體 Photoshop/Painter Illustrator/Adobe XD
- 17. ——設計師業界必備知識 JPEG PNG SVG 圖片類型 點陣圖 點陣圖 向量量圖 壓縮⽅方式 有損壓縮 無損壓縮 - ⽀支援透明度 X V V ⽀支援動畫 X X V 最佳運⽤用 攝影圖片 包含透明度的圖像 精細線條圖像
- 18. ——設計師業界必備知識 JPEG 影像，422 KB PNG 影像，913 KB ⾊色彩豐富的攝影圖片建議使⽤用 JPEG
- 19. ——設計師業界必備知識 JPEG 影像，255 KB PNG 影像，132 KB ⾊色彩重複性⾼高的圖片建議使⽤用 PNG
- 20. ——設計師業界必備知識 SVG 影像，2 KB PNG 影像，15 KB 需要多尺⼨寸運⽤用的圖⽰示建議使⽤用 SVG
- 27. Superdry L O U I S V U I T T O N
- 30. ——設計師業界必備知識 字體類別
- 36. ——設計師業界必備知識 中⽂文 英⽂文 Windows 微軟正⿊黑體 （Microsoft JhengHei） Segoe UI macOS 蘋⽅方（PingFang） San Francisco Android DroidSansFallback Roboto iOS 蘋⽅方（PingFang） San Francisco
- 37. ——設計師業界必備知識 字體授權
- 41. 裝置嵌入 裝置嵌入的授權通常會應⽤用於電 ⼦子書或是 App 的內嵌字體，通 常授權⾦金金額會是最貴的。 ✦ ⽂文鼎嵌入式系統字型 ——設計師業界必備知識
- 44. ——設計師業界必備知識 設計軟體
- 46. 平⾯面設計 常⽤用軟體 ✦ 向量量繪圖：illustrator ✦ 影像編修：Photoshop ✦ 書籍排版：Indesign ——設計師業界必備知識
- 47. 介⾯面設計 常⽤用軟體 ✦ Adobe Xd ✦ Sketch ✦ Figma ✦ Framer X ——設計師業界必備知識
- 48. ——設計師業界必備知識 Sketch XD illustrator Photoshop 主要⽤用途 UI 介⾯面設計 UI 介⾯面設計 向量量繪圖 影像編修 適⽤用系統 Mac only Win / Mac Win / Mac Win / Mac 向量量繪圖 是 是 是 否 價格比較 USD 99 / 年年 有免費版 NTD 7,680 / 年年 NTD 7,680 / 年年
- 49. ——設計師業界必備知識 網格系統
- 52. 介⾯面設計 網格系統 960 Grid System 是最經典的 網⾴頁網格系統，常⾒見見分為⼗十⼆二欄欄 的佈局，總寬度為 960px，也 有依照情況分成⼗十六欄欄的樣式。 ——設計師業界必備知識
- 53. ——設計師業界必備知識 設計規範
- 55. Material Design Guideline 由 Google 推出，靈感來來⾃自紙張 與紋理理，包括光線反射和陰影投 射，常⽤用於 Android 的介⾯面。 ✦ Material design ——設計師業界必備知識
- 56. Human Interface Guideline 蘋果官⽅方的設計規範，包括 macOS、iOS、watchOS、 tvOS 等等皆有規範。 ✦ Human Interface Guideline ——設計師業界必備知識
- 57. 補充 Atomic Design 原⼦子設計是⼀一個設計⽅方法論，由 五種不同的階段組合，創建⼀一個 有層次、計畫性的介⾯面系統。 ✦ Atomic Design ——設計師業界必備知識
- 58. 補充 品牌規範 ✦ NASA ✦ Uber ✦ Dropbox ✦ Facebook ——設計師業界必備知識
- 59. ——設計師業界必備知識 Ｑ＆Ａ