Google Fonts – 中文網路字型推出 5 款免費的中文網頁字體

網站建置 網站改版 客製化網頁設計

Google 和 Adobe 2014 年 7 月 16 日共同發表了開源的(免費的)思源黑體字型,可支援網頁使用的繁體中文字體、簡體中文字體、日文字體和韓文字體,在當年引起一陣騷動,受到大家的熱烈歡迎….後來在 Google Fonts 網站又再推出 5 款中文網路字型,直接給我們可以直接使用在我們的網頁上,在 CSS 中連結就可以使用。

思源黑體下載網址一: https://www.google.com/get/noto/#sans-hant

FLY-01-5 CSS 語法 - 網頁設計 Free Resource 好康報報

不久之後 Google 又再推出 5 款免費的中文網頁字型,真是佛心來的!

1. cwTeXKai (Chinese Traditional) 楷體字體

2. cwTeXYen (Chinese Traditional) 圓體字體

3. cwTeXFangSong (Chinese Traditional) 仿宋體字體

4. Noto Sans TC (Chinese Traditional) 黑體字體(思源黑體)

5. cwTeXMing (Chinese Traditional) 明體字體

Google fonts:Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

font-family: ‘Noto Sans TC’, sans-serif;

CSS 寫法如下:

FLY-12-4 CSS 語法 - 網頁設計 Free Resource 好康報報

基本上還是以 Noto Sans TC (Chinese Traditional) 黑體(思源黑體)開發的比較早,又是和 Adobe 公司一起開發的,所以思源黑體可以設定的 font-weight 字體粗細的變化比較多樣化,從最細到最粗,大家都可以試試看他呈現出不同的風格。

我覺得他的圓體、黑體和明體使用在網頁上都好好看,比起我們這幾年一直在使用的 細明體 或 微軟正黑體 是不是好看多了呢!

最後還是很感謝 Google 願意提供這麼多免費的開源字體給我們使用,感謝!

網動廣告科技

參考資料:http://www.flycan.com/article/css/google-fonts-webfont-2474.html

Google Fonts – 中文網路字型推出 5 款免費的中文網頁字體

浪費流量又嚇人? Chrome將禁止網頁自動播放影音

網頁設計 網站設計 台北網頁設計

有被網頁自動播放的影片和音樂嚇到嗎?更讓人不滿的是,若手機上網自動播放這些影音,每個月更會消耗掉不少行動上網的流量,如今 Google 表示,將更新 Chrome 設定,讓瀏覽器禁止網頁自動播放影音,把主導權還給使用者。

http在Google Chrome走入歷史 瀏覽器個資加密更安全(圖/翻攝於techcrunch)

▲Google Chrome 將限制網頁禁止自動播放影音。(圖/翻攝於techcrunch)

網頁自動播放影片、音樂原先是項貼心的設計,用戶無須點擊任何按鈕,載入即可開始欣賞影片,但如今這項功能卻相當惱人,出其不意的音樂播放不但降低網頁讀取速度,更會占用大量的網路資源,Google 表示,希望將音頻的控制權還給使用者,瀏覽器則站在與使用者同一陣線。

從今年 10 月即將推出的 Chrome 63 版本,Google 將替瀏覽器設立將特定網頁靜音的功能,預計明年推出的 Chrome 64 版本,則會全面禁止網頁自動播放影片和音樂,除非用戶透過設定,選擇開啟這項功能,否則一旦 Chrome 偵測到有企圖自動播放的影音內容,將會自動幫用戶過濾。

Google 表示,這項功能會統一在手機、桌面兩個平台推出。除此之外,Google 先前也曾表示,會在 2018 年替 Chrome 裝置阻擋廣告的功能,Google 開始積極清理那些不受用戶喜歡的網頁設計,包含彈出式網頁、自動播放等功能,對於網頁設計者來說,勢必得想出新的方法來吸引讀者。

網動廣告科技

參考資料:https://www.ettoday.net/news/20170918/1013302.htm?t=%E6%B5%AA%E8%B2%BB%E6%B5%81%E9%87%8F%E5%8F%88%E5%9A%87%E4%BA%BA%EF%BC%9F+Chrome%E5%B0%87%E7%A6%81%E6%AD%A2%E7%B6%B2%E9%A0%81%E8%87%AA%E5%8B%95%E6%92%AD%E6%94%BE%E5%BD%B1%E9%9F%B3

浪費流量又嚇人? Chrome將禁止網頁自動播放影音

網頁設計就找網動科技!

台北網站設計 網頁設計公司 網站設計公司

關於網頁設計的要訣,在製作前我們會先暸解客戶對網路的期待及達成率來做網頁設計的依據,我們要不斷強調網站是一種工具,你指令它做什麼他就去執行。客戶的第一件工作就是決定要用何種型態產生網頁?是採用較有效率的資料庫網站?還是一般DM式的平面網站?

專業的網站為了要達成預定功能,除了充實的內容,還要強調風格、創意,以吸引人、容易使用之設計,讓客戶樂意來瀏覽,滿載而歸;同時促成交易、或使客戶留下深刻之印象,然而,不同功能需求,不同程度的呈現效果,網站規模,以及未來之擴充能力,都會影響所需費用與設置時間,設置網站之前應先有完整考量。

如果您有網頁設計的問題,也 歡迎您向網動廣告諮詢。

 

網動廣告科技

參考資料:https://104portal.com.tw/service/%E6%9C%8D%E5%8B%99%E9%A0%85%E7%9B%AE

網頁設計就找網動科技!

10招讓你的網站訂單應接不暇

台北網站改版設計 台北RWD響應式網頁設計 套版網頁設計

網站的最高宗旨正是「將用戶轉換成客戶,讓路人轉變成客人!」換言之,有良好的轉換率(成功轉換成客戶的機率),才堪稱一個成功的網站。因此,能否在網頁上營造出令人滿意的購物體驗,就十足重要。
於是,在製作網站的過程中,設計者必須要能夠從目標客群的觀點出發,而非一味專注於各種華麗的轉場效果、高深的購物功能。所以下列幾個網站設計要素,你絕對無法忽略:

1.了解你的目標客戶摘要
由於目標客戶就是會直接從網站上購買商品的人,所以,必須了解他。而消費往往只是一個衝動性的決定,因此,得想出一個能夠引發衝動的方法,若能取得目標客戶的購物習慣,就能輕易找到引發購買的關鍵動力。

2.簡單而清楚的導覽
準客戶想要的網頁導覽,是簡單、清楚、容易理解的,可以讓他們從網站的任何位置輕易的前往其他頁面。不要隨便給太多意外驚喜,不要太難找,不需要思考,只要讓他們可以方便快速的瀏覽商品資訊即可。

3.高解析度的商品圖片
購物網站上最重要的視覺元素就是商品圖片,因此,要盡其所能的呈現商品外觀。透過圖片放大效果、放置不同角度,讓消費者動不動就看到他們想看的東西,才能有效的提升購買欲。

4.詳細且迷人的商品說明
一則具有吸引力的標語,搭配詳細而完整的商品說明,經常是成功達成轉換率的主要原因。請記得提供正確而詳盡的資訊,而且要容易理解、有趣、引人入勝。

5.商品影片
消費者都喜歡有高度互動性的購物網站,豐富的互動元素能成功吸睛,其中商品影片絕對是最能觸動人心、最能感受到商品所要傳達訊息的互動元素。

6.永遠都能看到購物車標示
盡量讓客戶永遠看到購物車的標示,即使當滑鼠移上去時,都還能清楚看見目前購物車中的商品清單。消費者通常都習慣在結帳之前先檢查一下購物清單,讓他們可以輕鬆決定要繼續購買其他商品還是要前往結帳。

7.別讓客戶分心
有些購物網站都在結帳頁面中放一些部落格、公司的連結或者其他商品廣告,事實上,當客戶正在購物時,最好不要有任何其他因素干擾,試想,一旦他們在即將結帳時看到更有趣的東西,消費很可能就此中斷了。

8. 把特色商品放在首頁
大多消費者逛購物網站時,都不太清楚他們到底要什麼,所以把特色商品或特價商品放在首頁,可以幫助消費者消除心中的雜念,加速他們下單。

9.聯絡資訊
線上購物乃基於信任感,如果消費者信任你的網站,他們就會願意消費,因此,適當的放置聯絡資訊,能更有效提升轉換率。

10.多種付費方式
由於有些人不太願意在網路上填寫信用卡資料,有些人家裡沒有Web ATM,更有些人懶得到樓下的超商繳款,所以,請確保你的網站具備多種付費方式。值得注意的是,網站最忌諱的是龐雜、分散、失焦,因此「簡潔」,幾乎是網站設計最核心的價值。「Less is More」是二十世紀著名的建築師密斯‧凡德洛說過的一句話,意思是「少即是多」,這是一種提倡簡單,反對過度裝飾的設計理念,而這正是網頁設計過程中需要考慮的因素。

網動廣告科技

參考資料:http://www.appledaily.com.tw/realtimenews/article/new/20170911/1201507/

10招讓你的網站訂單應接不暇

Google終於將聊天服務Allo帶到網頁 但暫時僅限與Android版連動

台北網頁設計公司 台北網站建置 套版網頁設計

針對去年推出的線上聊天服務Allo,Google宣布從即日起推出網頁版服務,讓使用者能藉由更大螢幕使用此項線上聊天服務,同時也能透過網頁完整使用Google Assistant數位助理服務。

根據Allo產品負責人Amit Fulay於個人Twitter透露消息,宣布將從即日起將Allo服務帶進網頁平台,當使用者透過手機掃描網頁QR Code時,即可快速存取先前曾在手機使用的聊天記錄,讓使用者能透過Chrome瀏覽器近完整地使用Allo服務。不過,目前網頁版Allo仍僅限與Android平台裝置連動,暫時尚未開放iOS裝置使用。

此外,網頁版Allo基本上仍與Android平台版有部分差異,例如無法自由調整字級大小,或是自行製作表情圖案,但包含文字傳訊、使用貼圖,以及藉由Google Assistant數位助理功能輔助功能幾乎相同。

至於針對iPhone等裝置使用需求,Google接下來也計畫推出對應iOS系統使用版本。

網動廣告科技

參考資料:https://udn.com/news/story/7088/2645402

 

Google終於將聊天服務Allo帶到網頁 但暫時僅限與Android版連動

Spotify 不再支援 Safari 的網頁播放

網頁設計報價 網站設計 台北網頁設計

如果你是個使用 Safari 播放 Spotify 的使用者的話,那就要請你換一下使用方式了。因為最近有人發現 Spotify 不能在 Apple 的這個瀏覽器上播放,但換到別的瀏覽器就正常使用。在向客服查詢後,就獲得了「最近的更新」使得播放器不兼容,但卻沒有再說會否透過更新回復正常。

Mac Generation 估計這樣的衝突是因為 Widevine 版權保護 plugin 引起的。因為 Spotify 正使用這個 plugin 工具來為網頁串流播放器提供保護,但 macOS 卻指其安全性不足夠。而 Safari 未能完全取存 Widevine 的話,Spotify 也未能保證功能可以正常使用,所以最終就成了現在的情況。

對於使用者來說,不能在 Safari 上播放 Spotify 的問題,其實只有多少帶來不方便的程度,因為它還是能在其他瀏覽器上使用,而且也有桌面版應用程式可以選擇。不過作為串流服務平台的 Spotify,少了一個支援的渠道就等於多了一個缺陷。而且也反映了互聯網時代,在給予使用者方便和版權保護之間的攻防戰了。

網動廣告科技

參考資料:http://chinese.engadget.com/2017/09/11/spotify-drops-safari-streaming-support/

Spotify 不再支援 Safari 的網頁播放

搶先手機一步?臉書網頁版Messenger正在測試廣告中

後台網頁設計 RWD網頁設計 網頁設計推薦

Facebook 目前在全世界用戶可說頗為可觀,以官方的角度來看,當然是要好好利用利用。因此在近期於 Messenger APP 推出廣告機制後。臉書在近期似乎又悄悄在測試了,現在打開電腦版的 Messenger 聊天室,或許就能看到上方也出現廣告?

搶先手機一步?臉書網頁版Messenger正在測試廣告中 。(圖/翻攝自電腦)

一般在點開電腦版 Facebook 的聊天室時,大略可分為比較常用的「聯絡人」以及「更多聯絡人」兩個分類,不過在測試的版本中,可發現上方多出一塊類似限時動態的區域,並會隨機出現各個粉絲團,可往左或右移動發現更多。點擊圖案的話,則是會導入聊天視窗中。

▼與一般的電腦版 FB 聊天室相比,測試的功能會佔據聊天室上方部分,並有多種類似官方粉絲團的聊天大頭貼可選。(圖/翻攝自電腦)

搶先手機一步?臉書網頁版Messenger正在測試廣告中 。(圖/翻攝自電腦)

雖說筆者在發現這項功能沒多久,聊天室又恢復正常,且從 3 個不是滿版的狀況來看,這項功能似乎也僅是「試水溫」;但電腦版的聊天室面積已經不是很大,這時候塞一個這個意味不太重,只是單純告訴你可以跟他們聯絡的廣告欄位,應該會有不少質疑吧?

網動廣告科技

參考資料:http://www.ettoday.net/news/20170914/1010442.htm?t=%E6%90%B6%E5%85%88%E6%89%8B%E6%A9%9F%E4%B8%80%E6%AD%A5%EF%BC%9F%E8%87%89%E6%9B%B8%E7%B6%B2%E9%A0%81%E7%89%88Messenger%E6%AD%A3%E5%9C%A8%E6%B8%AC%E8%A9%A6%E5%BB%A3%E5%91%8A%E4%B8%AD

搶先手機一步?臉書網頁版Messenger正在測試廣告中

機不離手 陸上網用戶破7億

網站建置 網站改版 客製化網頁設計

機不離手 陸上網用戶破7億

大陸藝恩網12日公布《消費升級時代下的影視內容行業趨勢洞察》報告,顯示2017年前3季,大陸手機網民已突破7億人(等於美國人口的2倍,僅次於大陸及印度的人口數);且付費觀賞網路娛樂的意識上揚,遊戲、影音節目、電影、音樂、網路閱讀等付費規模已超過2400億元(人民幣,下同),約台幣1兆1162.4億元。

互聯網提供的多元娛樂服務越來越豐富,網民依賴網路也越來越深,透過網路收看電視劇及綜藝節目的單日覆蓋人數,已超過9000萬(相當於全球人口排名第15,介於埃及與越南之間)。

據統計,單日人均播放時間更長達90分鐘,刷新大陸影視產業紀錄,這也代表影視產業需要更多創作的IP來源,製作公司開始探詢經典電影及遊戲重製或改編的可能性,打破網文壟斷市場的現象。

機不離手 陸上網用戶破7億

IP市場競爭日趨激烈

雖然大陸官方廣電政策不斷限縮,但仍然無法解決演員天價片酬問題,目前電視劇製作成本中,50%依然是人事成本,相當於拍攝及後製成本的總和。不過,影音網路業者為了吸引更多網民付費觀賞,自製劇的投資成本也越來越高,以今年現象級爆款電視劇、趙又廷與楊冪演出的《三生三世十里桃花》,單集製作成本即高達500萬元,吸引的網播量為366.09億,電視播出的收視率也有1.28%。

影音網站需要的節目內容龐大,需要不斷地推陳出新,各類影音作品的產量也隨之大量增加,爭搶IP的市場競爭越來越激烈,雖然「小說+網文」仍是主流IP源頭,但影視公司也擴大視野,取用系列化電影、動漫、話劇、綜藝、歌曲等多種內容載體,日劇、韓劇、漫畫也加速成為IP源頭。

網動廣告科技

參考資料:http://www.chinatimes.com/newspapers/20170913000802-260309

機不離手 陸上網用戶破7億

你的行動網頁開發功力有多強?Google推認證專案幫你掛保證

台北網站設計 網頁設計公司 網站設計公司

Google推出網頁開發者認證專案,提供開發者線上訓練課程,來準備此認證考試,線上課程包含基本網頁編排和設計、漸進式網頁應用程式設計、測試與除錯等內容,而開發者在通過認證考試後,Google將給予數位徽章以示證明。

Google於本周二(9/5)推出網頁開發者認證專案(Mobile Web Specialist Certification),提供開發者透過線上訓練課程,以及認證考試,來證明自己具備行動網頁開發人員所需要的技能。

Google提供開發者行動網頁專家學習指南(Mobile Web Specialist Study Guide),開發者可以在線上學習,來準備認證考試。行動網頁專家學習指南的內容包含了,基本網頁編排和設計、漸進式網頁應用程式(Progressive Web App)設計、效能優化、測試與除錯等。

而在考試過程中,開發者有4個小時的時間可以撰寫程式碼來作答,以及10分鐘的面談,此面談的目的為,讓開發者解釋為什麼採用這樣的解題方式。

另外,認證考試的報名費用為99美元(約臺幣2,977元),共有3次考試機會,在通過認證後,Google將會給予開發者數位徽章,供開發者可用在自己的履歷、個人網頁、社群媒體的個人資料頁面等。

網動廣告科技

參考資料:http://ithome.com.tw/news/116678

搭上共享經濟 「台灣錘子」幫你增加收入也擴大職涯可能性

網頁設計 網站設計 台北網頁設計

M型化社會的台灣,「不患寡而患不均」,如何讓中上階級的錢流入窮忙族口袋是個深刻的問題,而去年募資成功而創立的「台灣錘子跨世代工作媒合平台」可能是個解方。

 

台灣錘子的創辦人柯力禕留學歸國後,對於求職者的專業價值長期被低估、薪資普遍低落等現象深有所感,於是想創建更便利的工作媒合平台幫助大家釋放閒暇時間兼差以提高收入;而對待業人士來說,透過更多元的媒合平台也比較容易找到工作,並藉由台灣錘子平台上的工作評價建立自己的履歷,累積求職優勢。

 

最重要的是,許多台灣人無法以興趣謀生;台灣錘子以「勞方報價」的特殊接案方式,幫助大家在工作之餘發展興趣所在的職場生涯,一點一滴累積經驗與良好評價,為自己的夢想舖路。

 

近日一批新鮮人畢業走入職場,有些人找到滿意的工作,有些人可能屈就22K或學非所用,甚至有人畢業即失業;無論如何,工作媒合模式新穎獨特的台灣錘子值得大家參考,或許能幫助自己的職涯或提高薪資所得。

台灣錘子想幫台灣人解決什麼樣的問題?

 

以資方(雇用方)來說,希望可以幫他們解決生活中的所有問題,比如打掃家裡、幫小孩請家教,讓日子過得更開心、便利;對公司行號來說,也能透過台灣錘子拓展新的客戶群;以勞方(求職方)來說,希望他們可以找到適合自己的工作,也能找到兼職,提高薪資所得。

 

台灣錘子也能拓展人脈;比如說自己是廚師,如果想要創業可以從台灣錘子找到志同道合的同行一起創業。

網動廣告科技

參考資料:http://news.knowing.asia/news/5f216b7f-f8c0-4866-a51c-38e087bcc903