設計師都該懂的UI-UX設計實務：超圖解跨裝置網頁設計實戰講座 @ 好康資訊情報

提供各大知名品牌

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

線上輕鬆購物，數千樣

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

商品等等提供愛購物的你價格透明的購物環境，以最便宜的

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

價格滿足您，讓大家在百忙中，在家也能輕鬆買到自己想要的商品，不用到外面人擠人就能挑選CP值超高，網友最推薦的商品，輕鬆推薦使用

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

讓您可以高的CP值一次購足

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

等...產品

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

商品網址:

商品訊息功能:

商品訊息描述:

作者：エ?ビスコム

出版社：博碩文化

出版日：1060407

ISBN：9789864341832

語言：中文繁體

裝訂方式：平裝

內容簡介

全方位解說建置支援跨裝置網站所需的資訊、設定與重點！
利用豐富的圖解與範例清楚說明今後建置跨裝置網站的「標準」！

★行動裝置相容性測試 ★響應式網頁設計
★Viewport ★網路字型 ★響應式圖片
★媒體查詢 ★網頁加速 ★裝置的識別
★SVG

現今智慧型手機與平板電腦大行其道，使用個人電腦以外的裝置來瀏覽網頁的情形已經大量增加，而且Google搜尋引擎也依照行動裝置瀏覽的可用性與無障礙性來決定排名，這使得建置跨裝置網站的重要性日益增加，必須儘早因應變化，來學習今後跨裝置網站建置的「標準」。

那麼製作跨裝置網頁時應該注意到哪些重點呢？想要同時支援智慧型手機、平板電腦、個人電腦的瀏覽，就必須考慮到網頁元件的設計以及網頁的顯示速度，因此所要思考的重點可說是五花八門。

而本書匯集了建置跨裝置網站的必要訣竅與技術。內容以Google發布的「行動版網站搜尋引擎最佳化指南」指標以及可簡單測試網頁問題的兩個檢測工具－「行動裝置相容性測試」、「PageSpeed Insights」為主軸，來全面解說製作支援跨裝置網頁所需的知識、經驗與技巧。

作者簡介

譯者介紹

CHAPTER01 支援跨裝置的指標
1.1 製作跨裝置網頁時的指標
1.2 支援跨裝置瀏覽的必要設定

CHAPTER02 設定Viewport
2.1 設定Viewport
2.2 設定Viewport後的網頁顯示範圍的大小

CHAPTER03 提供適合各種裝置瀏覽的網頁
3.1 提供適合各種裝置瀏覽的網頁
3.2 利用獨立網址提供適合裝置瀏覽的網頁
3.3 利用動態服務傳送適合裝置瀏覽的網頁
3.4 利用響應式網頁設計提供適合裝置瀏覽的網頁
3.5 利用上述三種方法加以組合
3.6 確認在各種裝置的顯示情形

CHAPTER04 識別裝置
4.1 裝置的識別
4.2 利用CSS的媒體查詢識別裝置的特性
4.3 利用CSSOM的媒體查詢識別裝置的特性
4.4 媒體查詢可識別的特性
4.5 媒體查詢可識別的媒體類型
4.6 利用JavaScript取得特性的值
4.7 利用使用者代理程式識別裝置的種類
4.8 識別瀏覽器的支援功能

CHAPTER05 網頁元件的跨裝置支援
5.1 網頁元件的製作
5.2 版面的基本結構
5.3 文字
5.4 圖片
5.5 影片
5.6 點擊目標

CHAPTER06 最佳化圖片
6.1 維持圖片畫質又減少資料量的方法
6.2 最佳化圖片＆再壓縮
6.3 使用響應式圖片
6.4 使用SVG
6.5 使用網路字型與圖示字型
6.6 使用CSS建立的元件

CHAPTER07 網頁加速
7.1 網頁顯示的機制與加速
7.2 透過精簡處理刪減資源的資料量
7.3 啟用HTTP壓縮
7.4 使用瀏覽器快取功能
7.5 整合為單一檔案來減少HTTP請求次數
7.6 清除禁止轉譯
7.7 調整內容的優先順序

APPENDIX 設定Web Clip圖示
APPENDIX 各種工具／服務／外掛程式一覽表
APPENDIX 規格／指南一覽表
APPENDIX MOCKUPS
INDEX 索引

免費學英文評價台中本店熱銷排行榜

排名期間：2017/09/08 - 2017/09/14

1

你的善良必須有點鋒芒：36則讓你有態度、不委曲，深諳世故卻不世故的世道智慧

專業成人英語推薦三重

221 元

多益補習班課程中和

2

272 元

3

淡水語言學校老師

情緒勒索：那些在伴侶、親子、職場間，最讓人窒息的相處

245 元

4

致，被兒子搞瘋的媽媽：秒懂兒子心事，療癒媽媽心靈，不吼不叫也能養出好兒子

253 元

5

新店多益TOEIC補習班課程推薦

237 元

商品訊息簡述:

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

2017排名

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

平價推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

專賣店

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評比

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

開箱文

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

推薦品牌

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評價

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

哪裡買

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

品牌推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

好用嗎

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

高CP值推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評價排行

擁有全方位包裝專家的本源興公司，已經由專業從事收縮包裝機材的製造銷售，正式投入所有相關包裝機器與材料的銷售。為了因應市場的創新與多元需求，本源興最近推出觸感印刷及刮刮樂印刷兩項產品（專利申請中）；以及Hybrid複合材料收縮膜（結合OPS與PET優勢的三層共擠壓新型薄膜）。運用工業機械手臂及裝盒機跨入藥品、醫療、生技等產業的自動化包裝，為客戶量身訂製的包裝生產線，成為國內最大包裝機器材料製造與銷售服務的典範及領航者。

本源興總經理廖本泉表示，為了因應該公司每年國內約3、4,000家客戶的需求，持續不斷創新，是本源興成長的主要動力。近年來因應產業變化跨入生技、醫療、藥品類之全自動化包裝。為此積極整合上、下游相關優質業者，共同提供產業優質的自動化包裝生產技術與設備材料。

近年全球環保減碳節能趨勢提升，本源興也發表最新超薄PET收縮標籤膜（可做到0.02mm、0.03mm）提供產業在材料減量及降低成本的優勢，並完全符合歐盟RoHS及REACH等無危害物質安全檢測。廖本泉強調，本源興以「專業技術、創新市場、服務顧客」為經營宗旨，推動國內企業首創的「包裝技術交流聯誼會」。10餘年來每年定期舉辦北、中、南三場，並自2016年起，開始在花東地區舉辦，以促進與顧客的包裝作業技術交流，並與國內優質的包裝企業結盟，創造共生共贏的局面。此次針對醫療器材包裝趨勢及需求，本源興不斷投入精進研發，2016年正式推出CHC-120高速橫型連續式裝盒機，目前已經接獲國外訂單，於4月底交機。本源興連結上、下游及異業整合，提供客戶最優質客製化產品及服務，打造一個包裝產業共同創新及能夠迎接未來挑戰的雙贏之路。(工商時報)

擁有全方位包裝專家的本源興公司，已經由專業從事收縮包裝機材的製造銷售，正式投入所有相關包裝機器與材料的銷售。為了因應市場的創新與多元需求，本源興最近推出觸感印刷及刮刮樂印刷兩項產品（專利申請中）；以及Hybrid複合材料收縮膜（結合OPS與PET優勢的三層共擠壓新型薄膜）。運用工業機械手臂及裝盒機跨入藥品、醫療、生技等產業的自動化包裝，為客戶量身訂製的包裝生產線，成為國內最大包裝機器材料製造與銷售服務的典範及領航者。

本源興總經理廖本泉表示，為了因應該公司每年國內約3、4,000家客戶的需求，持續不斷創新，是本源興成長的主要動力。近年來因應產業變化跨入生技、醫療、藥品類之全自動化包裝。為此積極整合上、下游相關優質業者，共同提供產業優質的自動化包裝生產技術與設備材料。

近年全球環保減碳節能趨勢提升，本源興也發表最新超薄PET收縮標籤膜（可做到0.02mm、0.03mm）提供產業在材料減量及降低成本的優勢，並完全符合歐盟RoHS及REACH等無危害物質安全檢測。廖本泉強調，本源興以「專業技術、創新市場、服務顧客」為經營宗旨，推動國內企業首創的「包裝技術交流聯誼會」。10餘年來每年定期舉辦北、中、南三場，並自2016年起，開始在花東地區舉辦，以促進與顧客的包裝作業技術交流，並與國內優質的包裝企業結盟，創造共生共贏的局面。此次針對醫療器材包裝趨勢及需求，本源興不斷投入精進研發，2016年正式推出CHC-120高速橫型連續式裝盒機，目前已經接獲國外訂單，於4月底交機。本源興連結上、下游及異業整合，提供客戶最優質客製化產品及服務，打造一個包裝產業共同創新及能夠迎接未來挑戰的雙贏之路。(工商時報)

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

2017排名

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

平價推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

專賣店

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評比

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

開箱文

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

推薦品牌

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評價

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

哪裡買

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

品牌推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

好用嗎

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

高CP值推薦

設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

評價排行

擁有全方位包裝專家的本源興公司，已經由專業從事收縮包裝機材的製造銷售，正式投入所有相關包裝機器與材料的銷售。為了因應市場的創新與多元需求，本源興最近推出觸感印刷及刮刮樂印刷兩項產品（專利申請中）；以及Hybrid複合材料收縮膜（結合OPS與PET優勢的三層共擠壓新型薄膜）。運用工業機械手臂及裝盒機跨入藥品、醫療、生技等產業的自動化包裝，為客戶量身訂製的包裝生產線，成為國內最大包裝機器材料製造與銷售服務的典範及領航者。

本源興總經理廖本泉表示，為了因應該公司每年國內約3、4,000家客戶的需求，持續不斷創新，是本源興成長的主要動力。近年來因應產業變化跨入生技、醫療、藥品類之全自動化包裝。為此積極整合上、下游相關優質業者，共同提供產業優質的自動化包裝生產技術與設備材料。

近年全球環保減碳節能趨勢提升，本源興也發表最新超薄PET收縮標籤膜（可做到0.02mm、0.03mm）提供產業在材料減量及降低成本的優勢，並完全符合歐盟RoHS及REACH等無危害物質安全檢測。廖本泉強調，本源興以「專業技術、創新市場、服務顧客」為經營宗旨，推動國內企業首創的「包裝技術交流聯誼會」。10餘年來每年定期舉辦北、中、南三場，並自2016年起，開始在花東地區舉辦，以促進與顧客的包裝作業技術交流，並與國內優質的包裝企業結盟，創造共生共贏的局面。此次針對醫療器材包裝趨勢及需求，本源興不斷投入精進研發，2016年正式推出CHC-120高速橫型連續式裝盒機，目前已經接獲國外訂單，於4月底交機。本源興連結上、下游及異業整合，提供客戶最優質客製化產品及服務，打造一個包裝產業共同創新及能夠迎接未來挑戰的雙贏之路。(工商時報)

大型網路購物平台／比價
	MOMO購物網	這些都是同樣性質的大型購物網站如果有想要買的東西，可以先互相比較一下價格再挑選出最多優惠，省最多錢的方案來購買像有時候某些網站都會有送折價券可以抵用的活動這樣就可以幫你省下不少錢喔！
	日本樂天市場
	台灣樂天市場
	東森購物網
	森森購物網
旅遊訂房-找最低價／酒店．民宿．機票．交通．行程
	Agoda訂房網	提供各國各種語言選擇介面帶給您數以萬計的飯店訂房選擇每一份住宿評鑑都是由旅客於結束旅程後遞交百分之百真實可靠提供當地交通與通訊(機場接送/包車/當地交通?/Wifi等) 一日遊/半日遊，活動與體驗，美食饗宴鐵路周遊券，台鐵高鐵乘車券，景點門票等商品
	Hotels.com
	Expedia智遊網
	Booking.com 繽客
	四方通行
網路團購／價格最優惠
	瘋狂賣客	新奇、又好玩的有趣商品，又是以超值團購價供應
	17Life	全站同時有千項商品熱銷，每天近百檔新商品上架
免費索取／兒童教育學習／幼兒啟蒙玩具
	Disney寰宇家庭	家中如果有0~3歲的寶寶，只要填寫表格寰宇家庭就送您《迪士尼美語世界試用包》喔～
	信誼奇蜜親子網	信誼長期致力推廣幼兒早期閱讀與親子共讀的一貫主張，販售書藉、玩具、雜誌……等嚴選商品是一個專業的線上兒童書店
	賽先生科學玩具	商品多達上百種，只要喜歡創意、新奇、設計感的商品的人，一定會喜歡
成人精品／成人免費視訊
	愛愛網情趣用品	堅硬、持久、滿足是男人永遠的話題而現代的女人也逐漸開始重視自己性愛的享受過程透過網路平台將快樂性福的商品迅速地傳遞給每位享受性生活的朋友們
	Live173視訊	免費視訊聊天室，裡面有上百上千位超級正妹讓你天天看都看不完，辣妹超級敢秀敢秀的程度絕對超乎你想像
超級好用信用卡推薦／讓你～邊花錢邊省錢~
	HSBC匯豐-現金回饋御璽卡	• 國內消費享現金回饋1.22% • 海外消費享現金回饋2.22% • 無消費門檻/無通路限制/無級距門檻 • 現金積點終身有效，自動折抵帳單金額
	Citi花旗饗樂卡	新戶享王品集團首年生日憑券平日買一送一持卡滿一年起，生日憑簡訊享平日王品集團第二客半價威秀購票獨享平日6折起、假日購票83折優惠星巴克刷花旗卡買咖啡還享有第二杯半價
	Citi花旗現金回饋卡	現金回饋無限悠遊卡國內一般消費(含悠遊自動加值)享0.88%，海外一般消費享1.5%現金回饋！現金回饋御璽/白金悠遊卡一般消費(含悠遊自動加值)享0.5%；當期帳單消費滿額，國內百貨、加油、生鮮量販超市最高享1.5%現金回饋(含原可得之0.5%回饋)！免登錄！無消費門檻！悠遊自動加值天天持續不間斷累積現金回饋！
	ANZ澳盛銀行-信用卡	澳盛銀行信用卡有多種卡別，符合各種族群的生活型態與身份地位
線上英文學習／免費試聽
	Tutor4u空中家教	英文沒有學好，不管出國或工作上面真的會到處碰壁只要線上填寫資料，就可以讓你在家用電腦就能免費試聽所以建議每一家都填表試聽看看 (真的不收費喔) 因為通常有比較之下，才會發現哪個老師，哪個方法更適合自己這樣也是幫助自己學習起來更容易吸收的方式
	EF English Live線上英語
	tutorJr免費試聽
	新飛菲律賓英語遊學
投資理財／資產倍增～錢滾錢～
	星展銀行-豐盛理財	星展銀行致力劃時代數位化理財服務提供您多種外幣定存方案以及多樣化的理財規劃，現在開始聚富對您最有利
	新光證券	別人花100元，我們只要28元在同業券商中首創電子下單手續費2.8折電腦/手機/語音下單 -不限金額通通手續費2.8折交易金額愈大，省的手續費就省更多
線上遊戲中心/一起揪團玩遊戲
	NiceGame遊戲中心	喜歡玩遊戲的人，一定要來看看這邊有超多新線上遊戲.網頁遊戲.及手遊推薦給你
貸款免費諮詢／尋找提早脫離負債的方法
	潮霖資產	這幾家都是目前網路上有提供貸款免費諮詢的服務如果有資金債務困擾的人，只要線上填寫表格然後告訴服務人員，你有貸款的需求就可以得到免費諮詢的機會就算最後沒有貸款也沒關係(不會強迫你貸款喔) 建議可以每一家都填表諮詢一下因為同時有很多貸款專家在幫你找方法這樣也會更快幫助你找到適合你的方案提早解決問題唷
	速配貸
	理債一日便
	HSBC匯豐-信用貸款
	易通辦
	9595助貸網
	UrBank金融貸款
	理債一日便汽車貸款專案	有車貸需求者，可以利用這2個家免費諮詢的管道
	和潤企業汽車貸款	有車貸需求者，可以利用這2個家免費諮詢的管道