0604 智慧產權概論
===

[台灣創用CC計畫](http://creativecommons.tw/)
網路搜尋 CC0 就能找到免費的素材

[flickr](https://www.flickr.com/)
美國政府作品 一般都是開放的

[google圖片](https://www.google.com.tw/imghp?hl=zh-TW&tab=wi&ogbl)
gooogle圖片拉個圖片上去就能知道有多少人用這張圖

盜圖後果-作者說的算
案例說明：
[彰化誠品](http://www.wetectw.com/w_aboutus_a.php)
一張圖三萬～

* 化繁為簡最難
一流都是用形狀造型

## 免費圖
[FREEIMAGES](https://tw.freeimages.com/)
FREEIMAGES 由 [iStock](https://www.istockphoto.com/)

老師公司有買帳號 [Freepik](https://www.freepik.com/)

* 練習基本技術 原因是這樣才有能力再製 所以要非常注意影像來源

[Font Awesome](https://fontawesome.com/6?next=%2F)
CSS語法 download svg

## 免費字體：
[dafont](https://www.dafont.com/)
100% Free 完全免費
shareware 個人試用
donationware 自由樂捐（完全免費）

### 字體安裝教學
搜尋 con 就能看到「控制台」
控制台\外觀及個人化\字型
複製進去叫安裝
複製出去叫備份

[激燃體](https://www.zeczec.com/projects/burnfont)
做了三年

* 老師分享中文字型 1G 可以抓 (中文免費很少)
[字體下載國度](http://freefontsfile.com/)

分享文章[好用字型學：永不讓人失望的經典字體](https://www.shutterstock.com/zh-Hant/blog/typography-classic-fonts-always-work)

[全字庫](https://www.cns11643.gov.tw/?ID=0&SN=&lang=tw)
書法大師字帖截圖(一字一字找)

點陣圖
jpg 同樣畫質下，檔案最小！！！
放大會馬賽克(適合紋理細節很多的)

png 可以存透明，檔案大！！！！很大！！！！
gif 會動....檔案超級無敵大！！而且只有256色！！

webp 唸 weppy

向量圖 電腦運算出來的 每一筆都是運算的表達式
eps
svg 瀏覽器唯一支援的向量格式！！！！

## PC 相關
[passmark](https://www.passmark.com/)
測CPU運算效能

[原價屋](https://www.coolpc.com.tw/phpBB2/portal.php)
查PC價格

## 老師分享的文章
[費曼的學習技巧 (the Feynman technique)](http://blog.xxc.idv.tw/km/%E8%B2%BB%E6%9B%BC%E7%9A%84%E5%AD%B8%E7%BF%92%E6%8A%80%E5%B7%A7-the-feynman-technique.html)
跨領域專業溝通技巧

### UX(User Experience)
* 成本估算 人力成本估算 人力等級時間價值不同
* 小便流程圖
* 差不多 (不準確)

GA -> [Google Analytics](https://analytics.google.com/analytics/web/provision/?hl=zh-TW#/provision)
[Google 數位學程](https://learndigital.withgoogle.com/digitalgarage-tw)
[好學堂 - Google Skillshop](https://skillshop.withgoogle.com/intl/zh-TW_ALL/)

[alexa](https://www.alexa.com/)
流量統計查詢 （目前 google 第一）

例如：查詢
ptt
dcard

[lativ](https://www.lativ.com.tw/)
網站流量優化
一張照片幾十K

優化不好的例子：
[露天拍賣](https://www.ruten.com.tw/)

## PC 採購
* RAM 記憶體
* SSD 固態硬碟
* GPU Nvidia - CUDA（Compute Unified Device Architecture，统一计算架构） [Google Cloud Platform](https://www.zyncrender.com/)

google 關鍵字 「洋垃圾」

google 搜尋進階指令：site:taobao.com e5 2650 v2

螢幕面板 推薦
AOC
Dell
EIZO 醫療級螢幕
ColorEdge 自動矯正顏色（光源）
（推IPS 色彩正確）
螢幕不用太大(不大於 24 吋) 因為人的視野範圍有限

光譜儀 校色器

IDB iPAS
[色彩規劃管理師 - iPAS經濟部產業人才能力鑑定](https://www.ipas.org.tw/CPM/)

MAQ 雙系統（WIN MAC）
[[教學]踏上黑蘋果(Hackintosh)之路：從購買至安裝macOS系統教學](https://mrmad.com.tw/hackintosh-macos-high-sierra)

## 程式發展 Map
:::info
| Web 網站平台 | API | Software 軟體 |
| ---------- | -------- | -------- |
| Front 前端 | | C/C++ |
| Html+CSS3 | |C# |
| Back 後端 | |java |
| php MySql | |swift |
| asp MySql | | |
| jsp Oracle | | |
| ---------- | -------- | -------- |
| JS 與 go
:::

js framework - like 懶人包
Vue
angular
React

## 美學
| 比較項目 | 差異 |
| ---------- | -------- |
| 藝術 | 畫爽 |
| 設計 | 滿足需求 |

Layout 巧妙佈局 需要技巧、方法、理論
有視覺溝通語言

Grid System 格線系統

黃金比率 1:1.618

resume design 設計相關履歷一定要編排過

* 拆解創意過程(大原則)
1. 找中心點
2. 找視覺重點（面積最大）

* 回家作業
pinterest 搜尋 海報 poster
一個禮拜最少分析三張海報

* 下次 wireframe 就要有了
[什麼是Wireframe ?](https://blog.akanelee.me/posts/159788-what-is-wireframe/)

## 參考資料

###### tags: `跨裝置企業平台與資料庫整合設計班`