Open post

用 CHART.JS 畫圖表 V2.0,十分鐘就上手

2015 年的時候寫了一篇關於 Chart.js 的小教學,由於將數據圖表化的功能在一般公司裡會很常用,通常會建議設計師學一套簡單的套件來應付日常圖表的製作需要。Chart.js 在使用的難易度及呈現的效果上,一直是我心目中的第一選擇,當時寫教學文的時候 Chart.js 還只是 V1.x,設定上也比較簡單,非常適合沒有 Coding 背景的設計師使用。今年收到一篇網友的回饋時才發現 Chart.js 目前已經發展到 V2.0 了,功能變得更強大,像是新版的 Chart.js 支援混合型的圖表,動畫設定也變得更豐富,還有一些現代網站常見的功能,像是 RWD 的支援等等…最重要的是新版使用方式也與 1.x 有所不同。因此這篇是針對 Chart.js V2.0 的小教學,對象主要還是視覺設計師,內容會盡量簡化,方便大家馬上拿來用,希望對大家有幫助。

Continue reading “用 CHART.JS 畫圖表 V2.0,十分鐘就上手”

Open post

用 ScrollMe.js 做滾動動畫

我們在做一頁式的網頁時,由於內容都集中在同一頁,有時會被拉得太長。如果沒有做一些特別的處理,往往看起來會有點乏味,遇到這種情況我們通常會搭配一些 Scroll 的動畫效果來增加畫面的趣味,也就是當滑鼠滾動到頁面的某個區塊時,該區塊的元素會跑一些像是 Flash 的小動畫。但由於這些效果需要配合 Javascript,如果公司沒有配置前端工程師的話,設計師捧油們常常只能望效果興嘆。所幸,網路上已經有許多現成好用的套件可供大家選擇,像是之前我們介紹的 wow.js,或者今天要介紹的 ScrollMe.js,都可以很簡單的完成 Scroll Animation,下面是一個簡單的小教學,希望對大家有幫助。
Continue reading “用 ScrollMe.js 做滾動動畫”

Open post

思源黑體增加新夥伴,思源宋體來了。

幾年前 Google 和 Adobe 公佈了支援 CJK 的思源黑體,在網路上引起一陣轟動。今年稍早,Adobe 又發佈了全新有襯的思源宋體,在俐落的黑體之外,提供另一種更具人文魅力的選擇。新字型共有七種字重,每個字重都收滿 65,535 個字,與思源黑體構成史上最強大的開放字型。
Continue reading “思源黑體增加新夥伴,思源宋體來了。”

Open post

將創意一網打盡的 Muzli 2 – Stay Inspired

長時間從事設計業的朋友口袋裡大概都有一份屬於自己的創意清單,這份清單的內容會搜集從各處發現的有趣設計,而且會隨著時間不斷的累增,好幫助自己在想法燈枯油盡時,有一個緩和及補充能量的地方。對於網頁設計師或者 UI 設計師來說,早期這樣的清單通常是去書店找 index 蒐錄的書籍,後來大都會存放在瀏覽器的書籤中,更厲害一點的會用 RSS 訂閱。但這些做法都會有一些小問題,買書會有風格或個人喜好過期的問題,書買的多不一定派得上用場,瀏覽器的書籤則很難猜測網站內容是否已經更新,而 RSS 操作上又有點麻煩。

我曾試過很多方式來整理這些分散的資料,都有一些缺點。不是整理起來不方便,在電腦或網路中東一個西一個,要不就是另外學習一套新軟體。是否有更方便的方式來處理這些零散四處的好點子?後來發現對於這類的資訊最好的方式就是…不要整理!一來,流行的設計風格不斷轉換,像早期的擬物到現在的扁平,過去搜集的創意清單不一定適合現在,你也很難去即時更新。二來,當你在執行某個案子時,每個案子的條件都不盡相同,而自己整理的資料會有喜好的問題,不一定和案子搭得上。三來,網路上已經有不少網站將這類的資訊整合起來,我們不需要重新去發明輪子。所以最根本的做法就是不要整理這些創意清單,而是要找一個方式,在你需要一份創意清單的時候可以有大量的參考資料即可。
Continue reading “將創意一網打盡的 Muzli 2 – Stay Inspired”

Open post

Sneakpeekit:來一份空白的 Grid 吧

雖然目前有很多線上工具可以幫助我們在設計的時候,讓設計團隊透過這些工具來討論接下來的工作方向,其功能強大,甚至從最簡單的 Wireframe 線框到包含互動的 Prototype 原型都可以一站全包,像是 UXPIN。但有時候我們在和客戶或企劃討論設計方向時,所處的環境比較簡易,或者並不允許連線,這時我們通常會隨手拿起身邊的紙筆,直接在紙張上討論並畫出基本的草圖,確認彼此的想法是否一致。
Continue reading “Sneakpeekit:來一份空白的 Grid 吧”

Open post

Google VS 微軟,雲端郵件大比拼

記得曾經在網路上看過一個笑話:內容是要如何判斷一個人是否畢業?判斷的依據是看使用電子郵件的頻率,使用率高的是社會人士,使用率低的是學生。雖然這個說法有點粗糙,但某種程度來說也反映出企業對電子郵件的依賴,舉凡各種國內外商業書信的往來、產品型錄、訂單、估價單、合約書、員工休假、薪資條等等的確認,電子郵件都發揮了舉足輕重的功能。對企業來說,維持一套穩定的電子郵件系統,常常是 IT 們在公司裡最重要的日常工作。只是,自己維護一套電子郵件系統的成本所費不貲,軟硬體加維護的工程師,一年少說百來萬,沒有足夠的人、物力支援,會是很重的負擔,如果再遇到非預期的故障,更是會讓公司雞飛狗跳,輕則影響同事的辦公的效率,重則影響客戶對企業的印象,不可不慎重。 Continue reading “Google VS 微軟,雲端郵件大比拼”

Open post

如何在 WordPress 有新留言時,透過 Line 通知站長?

當我們透過 WordPress 架設一個商業網站,隨著時間的推移會逐漸發現,維持一個網站日常的營運其實是件挺費心思的事。特別是台灣常見的中小企業,常常需要一個人扮演多個角色,很難專責請一個人來處理網站的各種問題,也無法時時刻刻注意網站上的留言。但對於商業類型的網站來說,這些來自顧客的留言可能非常重要,也許是顧客對產品的一些想法或疑問,也許是一些退換貨的訊息,不一而同,但類似的情境都急需站方在第一時間回覆,如果久未回覆,可能會影響客戶對產品的觀點,甚至拂袖而去再也不回來,這時我們該怎麼辦呢? Continue reading “如何在 WordPress 有新留言時,透過 Line 通知站長?”

Open post

讓 Jetpack 支援 Line 分享

Jetpack 是一款由 WordPress 團隊開發的免費外掛,它將許多網站常見的功能集結起來,像是流量統計、圖片分流、防止垃圾訊息、自動更新、備份、社群分享等等…加上 WordPress 官方長期的維護,算是一款 WordPress 必備的外掛。但由於 WordPress 的開發來自國外,很多服務會以國外的優先,像是常見的分享按鈕,對台灣的使用者來說裡面有很多服務都相對陌生,反倒是市佔率很高的 Line 未列其中,這對以台灣為主要目標對象的經營者來說,會造成一點小困擾。 Continue reading “讓 Jetpack 支援 Line 分享”

網路外包兵器譜 – 長期更新

外包對很多企業來說是一個降低成本的選擇,對 SOHO 來說也是一個認識夥伴或展示自己的好地方。因此在良好的規劃下,是一個魚幫水水幫魚雙贏的局面。但有接觸過國內主要外包網站的人很容易發現,基本上會流落到外包網的案子不外乎兩類,要嘛是一昧地拼比低價,要嘛是業主不知所以然,買賣雙方都缺乏一個客觀的機制來導出彼此的需求,讓雙方的信任度在執案初期都呈現在低水平,甚至是相互猜忌的情況,而價格居然在這種情況下被要求事先提出。只要是有點經驗的人都明白,不同的服務內容會有不同的價格,在內容不明確的情況下,任何的價格都是無意義的,這是台灣外包網站的荒謬之源。
Continue reading “網路外包兵器譜 – 長期更新”

Posts navigation

1 2 3 4 5 6
Scroll to top