Google 取代 Bing 成為蘋果 Siri 網頁搜尋服務提供商

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

在最近一個重大轉變中,蘋果把 Siri 和 Spotlight 的搜尋結果提供給 iOS 和 macOS,搜尋引擎也從微軟的 Bing 換到更受歡迎的 Google。

外媒 TechCrunch 報導,這改變已在 26 日推出,應該在一天結束後對所有用戶裝置生效。對用戶來說,這意味著 Siri 和 Spotlight 預設提供與 Safari 相同的搜尋結果(在很多情況下,搜尋結果更好)。蘋果已預設 macOS 和 iOS 的 Safari 瀏覽器搜尋結果,但 Siri 和 Spotlight 搜尋多年來一直依賴微軟 Bing。與 Safari 不同的是,Siri 和 Spotlight 搜尋都沒有提供改變預設服務提供商的方式。

另一方面,Safari 可讓用戶在 Google、Yahoo、Bing 和 DuckDuckGo 選擇。蘋果表示,這次改變是為了讓搜尋結果保持一致。蘋果發表聲明稱:「將 Google 做為 Siri 的網頁搜尋服務提供商,在 iOS 中進行搜尋,並在 Mac 上進行 Spotlight 搜尋,會使這些服務與 Safari 瀏覽器擁有一致的網頁搜尋體驗。

網動廣告科技

參考資料:https://technews.tw/2017/09/27/apple-switches-from-bing-to-google-for-siri-web-search-results-on-ios-and-spotlight-on-mac/

Google 取代 Bing 成為蘋果 Siri 網頁搜尋服務提供商

Google Drive桌面app將停用

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

大公司旗下的雲端儲存服務也會倒下?不用怕,退役的只是Google Drive在PC或Mac上的應用,網頁版不受影響,可繼續使用。Google日前宣佈,從2017年12月11日起停止支援Google Drive for PC/Mac,2018年3月12日完全終止服務。

Google分別為一般用戶及企業用戶準備了兩款取代的應用。一般用戶可使用新應用Backup and Sync代替Google Drive,企業用戶則可使用Drive File Stream。Backup and Sync於今年6月推出,除了有備份電腦檔案功能,也整合了Google Photos的功能,可完整備份整台電腦。完整備份整台電腦的功能很吸引,方便有多台電腦的用戶,不過Google Drive只有15GB免費空間,要使用這個功能還是要有所付出。

網動廣告科技

參考資料:http://hk.apple.nextmedia.com/realtime/supplement/20170908/57183643

Google Drive桌面app將停用

iPhone X看網頁是啥體驗 網友稱無法直視

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

本月,萬眾期待的iPhone X終於和大家見面了,雖說作為蘋果10周年的作品,但是卻並沒有贏得一致好評,最被人們詬病的就是正面上方的「劉海」設計。在影響美觀的同時,在觀看視頻、網頁的時候整體顯示效果割裂感十足。蘋果自己也知道這個問題,而且在努力的去引導開發者去如何避免這個情況。

先來感受下正常情況下iPhone X瀏覽網頁的效果,簡直慘不忍睹。

豎屏狀態下是這樣

近日,Safari網頁團隊公佈了一組iPhone X瀏覽網頁的視覺效果圖,其旨在告訴開發者如何來更好的優化自己的網站,從而在這個新iPhone上完美展示。蘋果給出的解決方案,避開這個劉海區域。

由此可見,蘋果給出的解決方案也並不是完美的,只能說是可以的避開「劉海」。對於全面屏設計的iPhone X來說,這個方案讓人無法接受。除了網頁外,蘋果也已經敦促所有的開發者,在應用中兼容並美化iPhone X的「劉海」。

網動廣告科技

參考資料:http://news.sina.com.tw/article/20170924/24002406.html

iPhone X看網頁是啥體驗 網友稱無法直視

無孔不入!Facebook網頁版也有限時動態了…..

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

Facebook「致敬」來的限時動態 Stories 功能可說是在旗下 APP 幾乎都有了,雖說 Facebook 和 WhatsApp 的表現遠遜於 Instagram,不過臉書官方似乎也找到妙方,除了規劃可將 IG 限時動態分享至FB 之餘,之前被發現將在網頁版實裝的功能,似乎也悄悄登入台灣了…..

無孔不入!Facebook網頁版也有限時動態了.....。(圖/翻攝自電腦)

就如同先前國外流出的測試照片一樣,目前打開電腦網頁版的 Facebook 後,右上方就有機會變成與手機 APP 相同的限時動態頁面;不過也和手機版的相同,以筆者的為例,只有一個朋友張貼,其他空格或許是因測試因素,連灰白的「假裝」圖案都沒有用,感覺相當空虛啊。

實際點擊限時動態後,在網頁的中央也會開啟手機直式的閱讀介面,最下方也開放留言互動。然而幾天後這項功能就被撤下了,加上先前手機版 APP 也有測試選項可將限時動態縮小,或許 Facebook 還在慎重考慮吧?(畢竟都頭洗了,與最多人用的 IG 好好整合好像比較實際)。

網動廣告科技

參考資料:https://www.ettoday.net/news/20170918/1013009.htm?t=%E7%84%A1%E5%AD%94%E4%B8%8D%E5%85%A5%EF%BC%81Facebook%E7%B6%B2%E9%A0%81%E7%89%88%E4%B9%9F%E6%9C%89%E9%99%90%E6%99%82%E5%8B%95%E6%85%8B%E4%BA%86…..

無孔不入!Facebook網頁版也有限時動態了…..

Dreamweaver教學 – 調換影像

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

在使用網頁的經驗中,大家是否有遇過影像太小看不到細節的狀況?若是我們可以使用滑鼠滑入或點擊該影像,能在另一個區域中檢視到放大的影像,那應該是比較妥當的呈現方式!

一般的購物網站都有製作此機制,否則,使用者在購物中都只能看到小圖而看不到細節的顯示時,難免會對該商品的認知、品質產生懷疑、不安全感而不敢購買,自然而然地便損失了商機!

若我們製作此效果該用什麼樣方式來做呢?答案是 Javascript 、 jQuery ,誠如前篇所描述的一樣,若是不會撰寫 Javascript 不就挫咧蛋!現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果,在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用,點選後即會幫我們產生 Javascript 程式碼,所以各位也不必擔心不會撰寫 Javascript 語法的問題。


01 Dreamweaver 網頁設計

接下來,我們就開始使用 Dreamweaver 行為來製作我們所需要的提示文字。

請各位先了解一下待會兒要控制的區塊,如下圖所示:

02 Dreamweaver 網頁設計

在我們的教學過程中常常會碰到 ” 觸發對象 ” 設定錯誤這類的問題,所以,請在使用行為時遵循下面幾個步驟,否則在控制對象時會設定錯誤喔!

  1. 請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制。
  2. 選取控制元素。
  3. 選擇所需的行為指令。
  4. 選擇或輸入參數。

請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制

請各位依上圖的標示為 img 標籤加上 id。

03 Dreamweaver 網頁設計

選取控制元素

04 Dreamweaver 網頁設計

選擇所需的行為指令

開啟「標籤檢視窗 \ 行為」面板,選擇「新增行為 \ 調換影像」。

05 Dreamweaver 網頁設計

選擇或輸入參數

  1. 影像:選擇 photo。
  2. 設定原始檔為:選擇對應的大圖影像。

06 Dreamweaver 網頁設計

依此類推,其他的 <img> 也設定所需的調換影像內容。


總結:

雖然 Dreamweaver 行為提供給我們這樣便利的工具,但在 HTML 中也是有產生一些程式碼喔!就是當滑入影像後便呼叫 MM_swapImage 函數,將我們剛剛所設定的參數代入到函數內執行;滑出影像時,呼叫 MM_swapImgResotre 函數,以便回復到原來狀態。

07 Dreamweaver 網頁設計

位於檔頭內的 Javascript 將參數代入後以顯示大圖影像。

08 Dreamweaver 網頁設計

網動廣告科技

參考資料:http://www.flycan.com/article/dreamweaver/dreamweaver-swapimage-1413.html

Dreamweaver教學 – 調換影像

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版連動