【癮科技】JPG、PNG、GIF、SVG是要怎麼分？一位UX設計師Allen Hsu，就把這四種格式用很詼諧幽默的方式，來教導我們這些麻瓜們什麼情況下該用什麼檔案格式......
#設計 #檔案格式 #一圖搞懂
svg軟體 在 The News Lens 關鍵評論網 Facebook 八卦
同時也有4部Youtube影片，追蹤數超過89萬的網紅PAPAYA 電腦教室，也在其Youtube影片中提到，► 內容綱要 (影片有提供 CC 中文字幕喔） 00:00 開場白 00:33 自訂視窗分割 02:36 色彩選擇器 03:15 Markdown / SVG 圖檔預覽 04:06 圖檔尺寸批次調整 05:36 大量文件重新命名 07:30 軟體啟動 / 搜尋器 07:50 快速鍵重新對應 ► P...
「svg軟體」的推薦目錄：
- 關於svg軟體 在 The News Lens 關鍵評論網 Facebook
- 關於svg軟體 在 傑哥 Facebook
- 關於svg軟體 在 紀老師程式教學網 Facebook
- 關於svg軟體 在 PAPAYA 電腦教室 Youtube
- 關於svg軟體 在 夏榮慶Jimmy Youtube
- 關於svg軟體 在 夏榮慶Jimmy Youtube
- 關於svg軟體 在 [請問] 可以開SVG檔的軟體? - 看板EZsoft - 批踢踢實業坊 的評價
- 關於svg軟體 在 下載免費向量繪圖軟體Boxy SVG 只需952KiB 大小- 電腦玩物 的評價
- 關於svg軟體 在 SVG編輯軟體在PTT/Dcard完整相關資訊 - 小文青生活 的評價
- 關於svg軟體 在 SVG編輯軟體在PTT/Dcard完整相關資訊 - 小文青生活 的評價
- 關於svg軟體 在 激光寶盒-所選即所得客製化操作說明 的評價
svg軟體 在 傑哥 Facebook 八卦
【麥當勞免費、可商用的麥克鷄塊字體釋出！】
麥克鷄塊共有 4 種形狀，剛好可以拼出 LOVE — OK，你可能本來就知道了。
我們用這 4 種形狀的雞塊搭配糖醋醬，做出 26 個字母跟符號 — 還不夠狂？
我們讓這套麥克鷄塊體真的可以下載並使用 — 還不夠狂？
我們找來了頂尖字型公司 justfont 合作這次的麥克雞塊體 — 夠狂了吧！
你沒看錯，我們做了一套真的可以下載、可以使用的字體（歡迎大家去內文下載字型檔案，下載點甚至放在 GitHub）
https://socialdon.group/Chicken_McNuggets
補充：有網友竟然已經做出網頁版的產生器了，高手在民間啊啊啊！這手速也太扯！用手機跟用 Office 的朋友都可以一起玩麥克鷄塊體了（手機輸入完可以直接點擊存圖片）：
https://lihi1.com/4YWFH
🔥 而且完全免費！可以商用！可以商用！可以商用！🔥
所以歡迎各路小編、任何人都盡情玩起來。可以怎麼玩呢？
🔳 可以讓畫面看起來更可口，很適合用來發宵夜文。
🔳 做出鷄塊密碼！一整排打出來還真的得認真看才能看懂啊啊啊
🔳 根據研究，越難識別的文字越容易讓人記憶深刻，重要訊息就用鷄塊體吧 (?)
肯定還有更多利用方法，等待大家腦洞大開去嘗試了 :P
由於字型是「OpenType-SVG Color Font」規格（所以才可以長得這麼華麗），目前 Adobe 新版的各類設計軟體（Illustrator、Photoshop、InDesign）以及 Mac 的 Pages、Keynote 都可以使用，但 Windows Office 目前不支援 Color Font 喔，不過我們還是有附上整套字的 png 檔案，讓所有人都可以自由利用！
1⃣ 這個腦洞怎麼打開的？
這次因為要溝通國民美食麥克鷄塊，看到「麥克鷄塊 4 種形狀，剛好可以拼出 LOVE」這個 brief 時，我就想到 — 這樣距離拼出 26 個字母也不遠了吧？當下就決定提這個很胡來的創意（後來才知道這個創意的執行難度簡直把自己推入火坑 ...）。
2⃣ 惡搞的專案、不惡搞的製作。
開始製作麥克鷄塊體時，才越來越知道製作字型有多少細節 — 間距拿捏、幾何重心有沒有對齊、識別性、鷄塊跟醬的自然感、系統相容性 ... 還好有超強大的團隊 justfont 協助，最後專案是克服了各種一般人不會注意到的小細節，才能順利上線。
3⃣ 特別感謝：背後最大功臣設計師 柯平
能夠幫麥當勞做這套字也算某種里程碑吧，還是在這麼有限的時程中，我自己真的非常喜歡，糖醋醬跟鷄塊有夠可愛啊啊啊啊！
Client：麥當勞
Creative by 只要有人社群顧問 | PM：邱至葳
麥克鷄塊體設計師：柯平
字型編碼、調整與宣傳協力：justfont
視覺總監：就曰設計 Ryan
#麥當勞 #雞塊 #鷄塊 #麥克鷄塊 #麥克雞塊 #mcdonalds #字體 #字型 #免費下載 #小編 #行銷 #社群行銷 #社群 #傑哥 #傑哥補藥 #只要有人社群顧問 #設計 #設計師 #藝術
svg軟體 在 紀老師程式教學網 Facebook 八卦
10 本網頁設計電子書，免費送給你！
今天介紹的，是跟網頁設計相關的十本電子書。由於原作者並沒考慮網站設計包含了「前台」、「後台」、「視覺設計」等類人的需求、把這十本書分門別類，小弟就幫忙「稍微」（其實這篇寫了快 3 小時...喘～）分類了一下，希望方便大家快速找到自己喜歡的書。
原文連結：
http://designposts.net/free-ebooks-for-web-designers-and-developers/
1. 在成為網站設計師之前 -----------------
"Essential Career Advice for Developers"
翻成中文就是「給開發者的生涯建議」。這本書介紹如何在成為開發者前，先寫一些小程式掛在網路上讓人認識你，也方便你求職。並參與「開放原始碼社群」磨練功力。如何與合作者溝通、共同完成專案...然後，不要一天到晚宅在家裡...等等建議。連封面封底只有 28 頁，下載到手機等車時看一點看一點剛剛好～ :-)
"So You Want To Be A Freelancer?"
如果您不知道什麼是 Freelancer，可以先看這篇中文說明： http://goo.gl/zGa9CN 。一般而言，做網站的人很容易變成「自由工作者」。這是因為中小企業的老闆們認為網站並非常常需要更新，養一個網頁設計不划算，所以常常找外包。最後網頁設計師就成了到處接案的「自由工作者」（望向小弟家裡的老婆... XD）。這是一本只有 26 頁的小書，裡面講了自由工作者該有的理念、行程安排、如何自打品牌、溝通、收款、結案...等細節。有心成為自由工作者的人，不妨一讀。
2. 給網頁視覺設計師專書 ----------------
"A Practical Guide to Designing for the Web"
視覺設計師其實比較專注在「議題表達」、「版型」、「顏色」、「易用性」...等這幾樣事情上，他/她們常用的工具可能是 Photoshop, Illustrator...等，而非寫程式碼。打個比方，「網站程式師」比較像「建築師」，專注在結構。「視覺設計師」比較像「裝潢師」，專注在感受。國外很重視「視覺設計師」，可惜國內在這個部分，大多還是認為「網站能動就好」，導致有很多好網站，因為「不好用」而被廢棄。這本書說明了「文字編排（Typography）」、「顏色（Color）」、與「版型（Layout）」的重要性。如果您想走網頁、但不想寫程式，或許這條路可以試試看。
"10 Keys to Great Landing Pages"
所謂「Landing Page」，直譯為「登陸頁面」，其實就是客戶從搜尋引擎、或其它管道，點入 URL 後看到的第一頁。根據國外研究，這第一印象決定了大部分人是否「深耕挖掘」此網站更詳細內容的意願。這也是視覺設計師的職責所在之一。這本書只有 24 頁，就講 10 個「登陸頁面」的「必備」與「死穴」。值得視覺設計師參考。
"27 Page Type Classification eBook"
這本書專注在「文字編排（Typography）」上，也是一本 29 頁的小書。它就挑了幾種「常用字型」（如：Times New Roman），排版給大家看。也不多做解釋。不過一般人很容易從不同字型排出來的版面，感受到不一樣的感覺。是只需感受、不用細讀，在搖晃的車廂也能看懂（其實不用怎麼看 :-p ）的書。
3. 前台語言：HTML, CSS, JavaScript -----------
"Pocket Guide to Writing SVG"
SVG 是 HTML5 才新增的東西。它可以用 的方式，用程式碼「畫」出一幅畫來。也就是說，它的「畫」，是動態產生的，並非死板板的「照片」，直接貼在網頁上。想學 HTML5 這部份新功能的，可以參考這本書。
"HTML Canvas Deep Dive"
「Canvas」直譯就是「畫布」，也是 HTML5 新推出的功能。它可以在網頁上造就一塊方框，然後你可以在裡面放圖、表、動畫等。不少人拿 Canvas 來做「HTML5 遊戲」。那些「僅需瀏覽器就能玩」的遊戲，有些就是得力於 Canvas 功能的輔助。
"The Magic of CSS"
很棒的一本 CSS 小書！它會用非常視覺的方式，告訴你「這段程式碼」做出來「就是長這樣」。免除長篇大論的文字描述。點進去後，記得往下捲，下面列了一些如「1. The Box...2. Layout...」的超連結，點下去就能看到相關章節。
"Speaking JavaScript: An In-Depth Guide for Programmers"
很完整介紹 JavaScript 的一本好書！歐萊禮出版社出的（他們家的書封面都是一些動物）。想學 JavaScript 的人建議可以看看！
"Adaptive Web Design"
這是一本介於「視覺設計師」與「前台工程師」的書。講的是使用者感受，但得會 HTML, CSS, JavaScript 去做出這些感受來。個人覺得，前台設計師得有一點視覺設計師的素養，做出來的網站「易用性」才會高。所以我將這本書，排列在「前台語言」這一項上。視覺設計師如果願意學 HTML, CSS, JavaScript 的話，也可以看看。
4. 後台語言：PHP, Go ------------
"PHP: The Right Way"
這本書小弟知道有中文版！中文版叫「PHP 之道」。我幫大家補個連結： http://goo.gl/S3BcSi 。其實這本書已經包含 PHP 與 PHP 如何跟後端資料庫溝通的議題了！不過我個人認為，這一本書不是很適合初學者看。因為它講了一些「依賴注入」、「樣板」...等 PHP 中比較進階的議題，卻沒有好好地講到讓完全不懂的人變懂。當然啦～能學到後台語言的人，大概都有兩三把刷子，或許作者就是考量到這點，所以才沒有太多顧忌吧？
"Building Web Apps with Go"
Go 其實是 Google 於 2009 年正式推出的一個新語言。它能做的事情不只寫網頁，但這本書就只介紹用 Go 語言寫網頁的部份。如果真的很想學 Go，又討厭看英文的話，這裡倒是有中文的替代方案：「Go 程式設計導論 http://golang-zhtw.netdpi.net/ 」。
5. 用「架站軟體」快速架站：WordPress ----------
"11 Things to Do with Every New WordPress Install"
直譯就是「11 件你安裝 WordPress 後該做的事情」。15 頁的小書，適合剛安裝完 WordPress 之後的人看。
"Go Mobile With WordPress"
這本 39 頁的小書，告訴你如何修改 WordPress，好讓它適合被小螢幕的手機或平板閱讀。Google 目前修改了搜尋演算法，只要你的網站在小螢幕上不方便顯示的，排名會往後掉。有需要這方面知識的，不妨參考一下。
6. 網站營運 -----------------
"Book of Speed"
這本書其實還沒完成，不過前五章也夠我們看了。這是一本講「如何提高網站存取速度」的書。由於 Google 新演算法將「網站是否載入夠快」，也變成評分標準（另一個新標準就是之前說的，是否支援大小不同的螢幕），因此這個議題一下子熱了起來。點擊進去後，記得捲到最底部，有個「TOC（Table of Contents）」的超連結，點下去就能看到目錄了。
後記
今天幫大家整理的這幾本書，希望對大家有幫助！還請您不要吝嗇，分享給您的朋友，或按個讚鼓勵一下小弟我喔（虛榮心渴求中... XD）！
svg軟體 在 PAPAYA 電腦教室 Youtube 的評價
► 內容綱要 (影片有提供 CC 中文字幕喔）
00:00 開場白
00:33 自訂視窗分割
02:36 色彩選擇器
03:15 Markdown / SVG 圖檔預覽
04:06 圖檔尺寸批次調整
05:36 大量文件重新命名
07:30 軟體啟動 / 搜尋器
07:50 快速鍵重新對應
► PowerToys 下載連結
https://github.com/Microsoft/powertoys/releases
► Papaya 電腦教室 - VIP 會員專區
右邊是 VIP 的影片清單喔 https://tinyurl.com/y6mvo38a
求上車！請問要如何才能加入會員？ https://tinyurl.com/sxt3d2b
► 小額贊助 Papaya 電腦教室 ☕️
請 Papaya 喝杯咖啡 ~ 保持他的腦袋清醒 (Paypal) https://www.buymeacoffee.com/papayaclass
► Papaya 剪輯影片所使用的軟體 / 圖片素材來源
Adobe After Effects https://tinyurl.com/sobj83y
Camtasia Studio https://tinyurl.com/y6thupff
Keynote https://www.apple.com/tw/keynote/
Freepik https://www.freepik.com/home
Flaticon https://www.flaticon.com/
► Papaya 電腦教室的 B 站網址
https://space.bilibili.com/402780815
#Papaya電腦教室 #PowerToys #微軟 #Microsoft
svg軟體 在 夏榮慶Jimmy Youtube 的評價
下載免費字型，只剩最後兩天！
Adobe最近更新了Illustrator ，新版本是CC 2018， 支援OpenType SVG字型， 使用Emoji 字體就可以輸入表情符號，另外更重要是有免費的5套彩色字型可以下載，只有開放一週，從10/29開始，每天開放一種，今天已經可以下載4種字體，就算你還沒升級，也要先下載，實在太美啦。
【注意】沒有技術支援，如果你的設計稿出現狀況，字型公司不負責
【下載連結】 https://colorfontweek.fontself.com/
適用軟體：Photoshop CC 2017, 2018以及Illustrator CC 2018
授權範圍：
• 個人及商業使用
• 可以用在列印、網頁、eBook
• 可以內嵌在PDF
• 詳細內容請參考原始文件
安裝：
目前作業系統都還沒有全面支援這種字型，所以在安裝時，看到的會是黑色字型，但是進入到Photoshop CC 2017/2018以及Illustrator CC 2018 你就可以看到彩色字體的預覽效果
錄影版本：Illustrator CC 2018 Mac繁體中文版
~~~
| 訂閱頻道 |
https://goo.gl/NZzSgM 只要有新影片上架，你就會收到通知，立刻可以觀賞內容。
| FB | https://www.facebook.com/jimmyh519/
| 好學校 |【Photoshop最重要的基本課】 https://hahow.in/cr/jhsiapscc
svg軟體 在 夏榮慶Jimmy Youtube 的評價
如果你喜歡我的影片，歡迎訂閱- https://goo.gl/88cevg 新影片一上架你就會知道囉！
~~~
Photoshop CC 2017提供了Emoji字體，可以做許多表情符號，包括開心、大笑、害羞，這個繪文字字體還提供文字組合，變成每個國家的國旗喔。選取字符面板的 T W就會是台灣的國旗、U S就會是美國的國旗，基本上和網址列國家的輸入簡寫相同。
TW = 台灣
US = 美國
JP = 日本
只要安裝或升級到CC 2017就會附贈EmojiOne 和Trajan Color Concept字體， 和一般字體比較起來，SVG Trajan字體多了色彩亮暗的變化還有漂亮的漸層，不需要轉成外框或點陣化文字，字體本身就有漸層，所以可以隨時修改文字內容，也可以利用版面（文字圖層）上的字符替代字面板選擇不同的字符變化。
此外，過去在做稿時，如果想要針對某個標題改字體，一定得選到文字工具才能修改；現在，Photoshop CC 2017改進的內容面版可以讓你改字體、大小、顏色及對齊方式，可以節省許多時間。
~~~
在國外網站上有許多很好的學習資源，但是大多是英文的，這個Youtube頻道主要介紹一些軟體功能及使用技巧，有很多都是我從國外網站精選過的，也有我自己使用的心得，希望你會喜歡。
FB- https://www.facebook.com/jimmyh519/ 我在FB會介紹一些國外設計師的作品，好用的手機app 及技巧
好學校【Photoshop最重要的基本課】- https://hahow.in/cr/jhsiapscc
svg軟體 在 下載免費向量繪圖軟體Boxy SVG 只需952KiB 大小- 電腦玩物 的八卦
... 免費中文版向量繪圖軟體，可編輯AI 圖檔」後，有讀者跟我推薦了他平常在使用的另外一個「體積超小」、「速度飛快」的免費向量繪圖工具：「 Boxy SVG Editor 」。 ... <看更多>
svg軟體 在 SVG編輯軟體在PTT/Dcard完整相關資訊 - 小文青生活 的八卦
提供SVG編輯軟體相關PTT/Dcard文章，想要了解更多畫向量圖軟體、AI 軟件、AI 繪圖軟體有關歷史/文化文章或書籍，歡迎來小文青生活提供您完整相關訊息. ... <看更多>
svg軟體 在 [請問] 可以開SVG檔的軟體? - 看板EZsoft - 批踢踢實業坊 的八卦
※ [本文轉錄自 ask 看板 #1Cjopkcb ]
作者: Peetu (Peetu) 看板: ask
標題: [請問] 可以開SVG檔的軟體?
時間: Fri Oct 15 00:16:37 2010
最近在wiki上抓了很多 SVG 的圖檔
因為圖裡有很多文字~ 不想用網頁擷取方式轉換成一般的圖檔
所以就直接把SVG抓下來
我想請問一下~ 除了用瀏覽器開SVG之外
還有什麼軟體可以開SVG圖檔的?
謝謝 =)
--
你所遇見的十大謊言
1.同學:我沒唸啊，不知道為何考這麼高。 2.來賓:大家好，我只簡單講兩句。
3.老闆:我不會忘記你的貢獻。 4.職員:明天我就不幹了。
5.商人:虧本大拍賣，只到今天。 6.明星:我們只是朋友。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.227.157.123
--
你所遇見的十大謊言
1.同學:我沒唸啊，不知道為何考這麼高。 2.來賓:大家好，我只簡單講兩句。
3.老闆:我不會忘記你的貢獻。 4.職員:明天我就不幹了。
5.商人:虧本大拍賣，只到今天。 6.明星:我們只是朋友。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.227.157.123
... <看更多>