設計師一定要學的 Bootstrap 5 RWD 響應式網頁設計--行動優先的前端技術 (1版)

類似書籍推薦給您

設計師一定要學的Bootstrap 5 RWD響應式網頁設計：行動優先的前端技術 系列名：Learning by doing 從做中學系列 ISBN13：9789863126591 出版社：旗標出版社 作者：陳惠貞 裝訂／頁數：平裝／464頁 規格：23cm*17cm*2.7cm (高/寬/厚) 版次：1 出版日：2021/06/30 中國圖書分類：電腦；資料處理 內容簡介 　　本書是秉持著行動優先 (mobile first) 的概念所撰寫，在設計網站的過程中優先考量網頁在行動裝置的操作性與可讀性，而不是將過去的 PC 網頁直接移植到行動裝置，畢竟行動裝置和 PC 的特點不同，比較明顯的差異如下： 　　□ 行動裝置的螢幕較小 　　□ 行動裝置的執行速度較慢 　　□ 行動裝置的上網頻寬較小 　　□ 行動裝置的操作方式不同 　　□ 行動裝置不支援 Flash 等外掛程式 　　為了開發適用於不同裝置的網頁，響應式網頁設計 (RWD，Responsive Web Design) 逐漸主導了近年來的網頁設計趨勢，目的是根據使用者的瀏覽器環境自動調整網頁的版面配置，以提供最佳的顯示結果，換句話說，只要設計單一版本的網頁，就能完整顯示在 PC、平板電腦、智慧型手機、遊戲機等不同裝置。 　　本書的目標就是要讓您快速成為響應式網頁設計高手，不僅要學會靈活運用 HTML、CSS、Bootsrtap、JavaScript 等程式語法，還要懂得掌握網頁 UI 元素的設計原則與網頁設計風格，主要內容如下： 　　□ 首先，第 1 章會介紹行動上網對網頁設計的影響、行動優先的概念、網站建置過程、響應式網頁設計的優點、缺點、主要技術與設計考量；第 2 章會介紹撰寫與測試網頁的工具；第 3 章會介紹網頁的 UI 組成、UI 元素的設計原則、網頁設計風格、網頁設計趨勢、網站類型與風格，這是值得深入閱讀的章節，因為一般的網頁設計書籍往往著重於程式語法，而忽略了網頁的視覺設計。 　　□ 接著，第 4 章會介紹 HTML5 基本語法與常用元素；第 5 章會介紹 CSS3 基本語法與常用屬性，您只要依照本書的指引做練習，無須熟背這些語法，日後有需要時再來查詢即可。 　　□ 繼續，第 6 ~ 10 章會以比較詳盡的篇幅介紹 Bootstrap，包括 Bootstrap 網格系統、Bootstrap 內容樣式、Bootstrap 公用類別與表單，以及 Bootstrap 元件，這是目前最受歡迎的 HTML、CSS 與 JavaScript 框架之一，用來開發響應式、行動優先的網頁，使用者無須撰寫 CSS 或 JavaScript 程式碼，就可以輕鬆設計出響應式網頁。 　　□ 再來，第 11 ~ 13 章會以「我的旅遊日記」網站、「日光旅遊」網站、「日光美食部落」網站等實際的例子示範如何運用 HTML、CSS 和 Bootstrap 開發響應式網頁，讓您瞭解這些程式語法如何落實在網頁設計，而且這些網頁設計得相當精美，對於學生製作專題、參加競賽或設計人員開發網頁都極具參考價值。 　　□ 最後，第 14 章會介紹 JavaScript 基本語法；第 15 章會介紹 jQuery 基本語法，讓想進一步學習 JavaScript 的人能先有初步的認識。 　　為讓初學者快速入門，本書包含 HTML5/CSS3/JavaScript/jQuery 簡易教學。 本書特色 　　最新 Bootstrap 5！ 　　就算是網頁設計新手, 也要避開不合時宜、落伍的設計方式。 　　●Bootstrap 最新版本教學, 要學就學最新版 　　●掌握網頁 UI 的設計鐵則, 不怕視覺風格出差錯 　　●提供不同類型的專業網站範本, 新手臨摹最速成　　 　　●用網格系統快速解決不同裝置的版面規劃, 怎麼切換都不跑版 　　●新手必學的 HTML5 基本語法與 CSS3 常用屬性 　　●JavaScript、jQuery 網頁技術基礎, 網頁功力再提升 　　響應式網頁設計(RWD) 主導了目前的網頁設計趨勢 　　提供各種裝置最佳的顯示結果。 目錄 第1章 網頁設計簡介 第2章 撰寫第一個網頁 第3章 網頁的 UI 設計原則 第4章 HTML5 基本語法與常用元素 第5章 CSS3 基本語法與常用屬性 第6章 Bootstrap 網格系統 第7章 Bootstrap 內容樣式 第8章 Bootstrap 公用類別與表單 第9章 Bootstrap 元件 (一) 第10章 Bootstrap 元件 (二) 第11章 響應式網頁開發實例(一) 第12章 響應式網頁開發實例(二) 第13章 響應式網頁開發實例(三) 第14章 JavaScript 快速入門 第15章 jQuery

版面研究所⑤Banner設計學：8大關鍵要訣、6大主題應用，1秒抓住眼球，飆高人氣點擊率！：思わずクリックしたくなる バナーデザインのきほん (1版)

類似書籍推薦給您

【簡介】 ★第一本Banner設計專書★   海量資訊中的Banner該如何一眼被看到？ 掌握設計關鍵，提高點閱商機！   　　8個基本知識×6大主題應用，將小尺寸設計攻略法全部告訴你 　　無論打造電商網頁、品牌行銷、線上廣告、社群經營、YouTube還是 LinkedIn 的個人平台經營， 　　透過書中Before、After的對照範例學習版面布局，提高Banner點擊率！   　　×訊息太多！看不到重點……. 　　×底色跟字體顏色太近看不到？ 　　×日期很重要為何放那麼小？ 　　×Banner面積太小！很難設計…… 　　如果您在Banner設計方面遇到問題，這本書就是來解決你的問題！   　　把Banner張貼在大量訊息的網絡上， 　　當然就要一眼看到它！它！它！ 　　因此，做出吸引對方眼球的設計很重要！ 　　透過Before、After的對照範例學習設計要領！即使你是設計初學者，看完本書也能立即實戰，製作出成功的Banner！   　　◆8個基本知識 　　1.情報優先 　　2.字體選擇 　　3.圖文整理 　　4.適度裁切強化主題 　　5.打破常規的印象 　　6.操縱色彩改變氣氛 　　7.創造視線誘導 　　8.符合主題的裝飾   　　◆6大主題應用 　　1.再小也好懂的排版訣竅 　　2.一眼看懂資訊的文字設計法 　　3.即使不同的資訊，也讓人更易看懂的分組術 　　4.用人臉或視線打造吸睛設計 　　5.稍有不完美的照片，如何修正與加工 　　6.藉由裝飾與氛圍詮釋，打造出令人心動的設計   　　▼Banner適合用在哪些地方 　　・在網路/社群媒體等上發布的橫幅廣告 　　・演講簡報、Email、廣告媒介與實體活動訊息 　　・網路商店的橫幅廣告 　　・文章標題圖片 【目錄】 ◆前言 ◆本書使用方法 ◆INTRODUCTION 設計前先整理！ PART1 成功的Banner該怎麼製作？ 01【層次感】迅速傳遞訊息的訣竅 02【字型】提升閱讀的字型選擇訣竅 03【排版】用易懂的版面彙整資訊 04【裁切】去除多餘，襯托產品的訣竅 05【節奏感】打破單調，避免看膩的訣竅 06【配色】操縱色彩，改變氛圍的訣竅 07【視線引導】打造順暢閱讀的訣竅 08【裝飾】用素材展現出形象 ◎COLUMN_進行前必須確認！按照需求製作Banner PART2 再小也好懂的排版訣竅 01【斜向切割】分區讓人迅速看懂資訊 02【切割兩塊】遇到條列項目、縱長圖像時很方便的排版法 03【不對稱】擺脫粗糙形象的訣竅 04【自然躍動】想打造歡樂的流行動態感時 05【活用盤子】餐飲店廣告常用技巧 06【用重疊製造立體感】照片不顯眼時 07【白窗戶】趕時間時可用的排版 ◎COLUMN_變身各種形狀！切割不同尺寸Banner PART3 一眼看懂資訊的文字設計法 01【直書】賦予單調文字節奏感 02【將文字配置得有如圖像】瞬間吸引目光 03【數字要大】最王道的吸睛手法 04【斜體】展現氣勢與速度感 05【沿著曲線配置】賦予文字柔和動態感 06【用色彩分解文字】藉繽紛顏色提高設計感 07【文字描邊】即使背景紛亂，文字也易懂！ 08【增加英文字】將原稿沒有的文字，當作視覺焦點加上 09【毛筆字型】營造高級感和風 10【手寫字型】博得親切感與共感 11【框線錯位文字】清新明亮的氛圍 12【造字】創造文字，賦予衝擊感 13【植入文字】無縫連接背景與文字 ◎COLUMN_知道後就如有神助！超實用的5大便利網站 PART4 即使不同的資訊，也讓人更易看懂的分組術 01【鋪設色塊】更換背景讓文字更好讀！ 02【對話框】簡化文字，並配置成視覺焦點 03【緞帶】輕盈優雅的裝飾 04【圖解】用視覺圖像表現順序 05【框起來】讓混在其中的文字更好理解 06【色彩反轉】雙色調也能夠詮釋奢華感 07【按鍵】讓人想「點擊」的設計 08【拱狀】詮釋祭典、活動等的熱鬧氣氛 ◎COLUMN_適合不擅設計的人！用臨摹鍛鍊手感 PART5 用人臉或視線打造吸睛設計 01【臉】利用人的習性增加吸睛度 02【人的視線】運用視線方向，引人注意文字 03【團體照】配置多人情境，呈現熱鬧感 04【手勢】運用手部動作導覽 05【遮住眼睛】調整臉部避免過度搶眼 06【從孔洞中露臉】特寫人物照可以靈活配置 ◎COLUMN_絕對不可以使用的人物照構圖 PART6 稍有不完美的照片，進行修正與加工 01【調亮】加亮陰影，讓整體更清爽 02【陰影和光暈】打造物件與背景間的界線 03【剪貼簿】給予活潑的可愛感 04【邊緣透明】將商品照與文字均放大至最大限度 05【鏡面反射】美容相關商品照最好用的技巧 06【筆刷】調整半調子的裁切位置 ◎COLUMN_常見的Photoshop技巧 PART7 藉由裝飾與氛圍詮釋，打造出令人心動的設計 01【三角形】有型的背景裝飾 02【引號】為稍嫌不足的標題調味 03【圓】到處都能用的萬能圖形 04【圖示】用具象徵性的圖讓人直覺意會 05【美式漫畫風】POP的漫畫風就是搶眼！ 06【亮晶晶圖形】用璀璨光輝瞬間吸睛 07【花】打造各式各樣的華麗感 08【獎牌】確實表現得獎經歷與實績 09【勾號】搭配條列式文字使用 10【紙花、禮炮】演繹出超High氣氛 11【熱氣】直覺傳遞熱騰騰的美味 12【和式紋樣】詮釋傳統豪華的氛圍 13【放射線】藉由線條方向將視線引導至中央 14【春】象徵新開始的季節 15【夏】繽紛且洋溢熱帶氣息 16【秋】紅葉與豐收的季節 17【冬】用聖誕節與閃耀感塑造期待感 18【新年】表現出新年的喜慶感 ◎COLUMN_交稿前應檢視的項目   ◆總複習！Banner練習題 ◆用關鍵色做選擇的Banner配色手帳 看更多

水逆12星座生存指南：不只平安度過，更要逆勢成長的生活實踐書 (1版)

類似書籍推薦給您

【簡介】 第一本深入水逆的剖析專書 暢銷11國占星作家～雅思敏伯蘭 全新力作 ///順水逆行/// ～讓水逆啟動你的心靈力量～ 收錄至2032年水逆時間表 做好最佳準備 　　「水逆」＝水星逆行 　　每年可高達4次，將近百天， 　　你感受到它的威力了嗎？ 　　國師說：水逆強迫人們離開舒適圈，但也創造新的體驗與改變，和對錯好壞無關，反而是更加了解無常的意義。 　　《新月許願》占星作家雅思敏說：水逆是重新思考、沉澱、改進的最佳良機。明白水逆的運作，就能在水逆期間化解不順。   　　注意、水逆除了帶來不順， 　　更帶給你重新一次的可能！   　　不要覺得水逆就是全宇宙在和你作對，它是個機會，檢討它的負面影響。重新審視、修改、調整你的夢想， 讓水逆啟動你的心靈力量～   　　◤搞懂水逆，做好準備， 　　迎接每年近百日的不順◢ 　　▎水逆落在四大元素時 　　火象：期待的大事可能有所延遲，或不如預期盛大 　　→聆聽並遵從內心的熱情所在，思考如何展現創意 　　土象：可能會一直想著實際面的問題，金錢方面出狀況 　　→重新評估目標，注意表現得更務實一點 　　風象：容易面臨多種的紛雜意見，把自己搞糊塗 　　→避免過多沒意義的談話，注意細節的討論 　　水象：發現大家變得格外情緒化、直覺更細膩 　　→找時間獨處、沉思，好好感受曾經壓抑的情緒   　　▎水逆期的12個該與12個不該 　　該：所有文件都讀過兩遍再畫押、做好計畫延期的心理準備、重啟之前的計畫…… 　　不該：重新簽訂新合約、急著承攬新任務、購買高價物品……   　　▎把水逆變助力的16件事 　　Renew（更新）、Review（仔細審核）、Revise（修正）……   讀者評價 　　◆一年超過1/4的時間水逆，這本書是我們的救星！ 　　◆透徹了解水逆的專書，適合占星初學者一看就懂。 　　◆我終於搞懂水逆了，只要好好掌握，根本沒那麼可怕。 【目錄】 序章 水星逆行，究竟是迷思還是事實？ 行星會倒退走？真相是這樣！ 那些關於水逆的常見迷思 不可忽視的水逆陰影期 何謂陰影期 行星逆行的常見影響 水逆的三階段 水逆也可以是助力 水逆期間的12 個該與不該 第一章 水逆來襲的影響 先來了解逆行符號 當水逆落在四大元素 水逆落在火象星座（牡羊座、獅子座、射手座） 水逆落在土象星座（金牛座、處女座、摩羯座） 水逆落在風象星座（雙子座、天秤座、水瓶座） 水逆落在水象星座（巨蟹座、天蠍座、雙魚座） 在水逆期間出生的你……   第二章 當水逆落入各星座 牡羊座/金牛座/雙子座/巨蟹座/獅子座/處女座/天秤座/天蠍座/射手座/摩羯座/水瓶座/雙魚座   第三章 當水逆落入各宮位 第一宮/第二宮/第三宮/第四宮/第五宮/第六宮/第七宮/第八宮/第九宮/第十宮/第十一宮/第十二宮   第四章 當水逆與行星有相位 太陽/月亮/水星/金星/火星/木星/土星/天王星/海王星/冥王星/上升/下降/天頂/天底   附錄：水逆時間表 看更多

版面研究所⑥網頁版面學：429個網頁設計要領，創造友善易用的版面（429個國際頂尖網站，QRCODE隨掃隨參考） (1版)

類似書籍推薦給您

【簡介】 【429個頂尖網頁設計要領，創造滿足使用體驗的版面】 打造絕佳UI/UX的產品體驗，理解使用者感受 結合趨勢設計，電腦或手機都方便瀏覽的技巧 掌握客戶與使用者需要的版面，成功創造友善設計 善用小工具，提高網站易用性與使用者黏著度   - 全書429個範例均附QRCODE，隨找隨用立即溝通設計寶典 -   　　「希望與客戶討論時，能有範本具體歸納出方向性。」 　　「雖然有構想，卻不知道需要什麼？該怎麼做？」 　　「想不出設計的點子。」 　　本書就是能夠在這些情況派上用場的好幫手！   　　【一次掌握網頁新法】 　　◆協助新手破解設計迷思 　　◆七個視角達到客戶需求 　　◆隨找隨用可溝通事典 　　◆掌握版式構成要訣 　　◆全書範例均附QRCODE   　　【超給力設計補給站】 　　◆12個最新網頁設計趨勢網站 　　◆45個優質可授權圖庫網站 　　◆4大成功傳遞網頁訴求法則 　　◆6個可免費使用的調色盤產生器  　  　　嚴選429件優質網頁設計範例，從「基礎知識」、「形象」、「配色」、「行業」、「排版、構圖」、「素材、字型與程式」、「趨勢」、「區塊」這八個方向進行網頁製作分析，依客戶需求、品牌識別、產品特色、使用者習慣打造響應式網頁設計。不管在電腦或手機介面上觀看都可以輕鬆瀏覽，符合現代趨勢的設計。   　　案例非常多，有「我想打造具透明感的設計」「以黃色基調的配色」「要製作餐廳、咖啡廳網頁」「想要多欄式排版」「動態影片的設計」「響應式網頁設計」或「調色盤產生器」「買斷式授權的圖庫網站」支援工具，能夠依目的找到符合需求的設計，很適合當作需要時再來翻閱的事典運用。此外，書中每個範例都有網址與QRCODE供你參考使用，加強學習效果。   　　【本書的目標讀者】 　　◆想不出設計點子的人 　　◆對設計沒有自信的人 　　◆想準備與客戶討論時使用的範本，讓方向性更明確 　　◆想知道網頁設計最新趨勢的人 【目錄】 本書使用方法  PART 0 網頁設計基礎知識 01 網頁設計基礎知識  02 網頁設計結構與工作流程  03 網頁設計中的設計區塊  04 網頁設計中的圖像  05 網頁設計與字型學 06 色彩基礎知識  07 配色基礎知識  COLUMN 買斷式授權的圖庫網站①    PART 1 從形象出發的設計 01 散發透明感的設計  02 簡約清爽的設計  03 自然柔和的設計  04 優雅有質感的設計  05 冷冽前衛的設計  06 可愛俏麗的設計  07 活潑普普風的設計  08 踏實值得信賴的設計  09 古典高雅的設計  10 日本和風設計  11 適合兒童的設計  12 女性化的柔美設計  13 男性化的陽剛設計  14 帶有高級感的設計  15 讓食物更顯美味的設計  16 帶有季節感的設計  COLUMN 買斷式授權的圖庫網站②    PART 2 從配色出發的設計 01 從LOGO與品牌色出發的配色  02 黃色基調的配色  03 橙色基調的配色  04 紅色基調的配色  05 粉紅色基調的配色  06 紫色基調的配色  07 藍色基調的配色  08 綠色基調的配色  09 褐色基調的配色  10 白色或灰色基調的配色  11 黑色基調的配色  12 按照色調決定配色  COLUMN 調色盤產生器與瀏覽器附加元件   PART 3 從行業、類型出發的設計 01 餐廳、咖啡廳網站  02 醫療機構、醫院網站  03 時尚網站  04 美容、沙龍網站  05 藝術展、活動網站  06 音樂網站  07 動漫、遊戲網站  08 專業事務所網站  09 學校、幼稚園網站  10 個人履歷網站  11 新聞、入口網站  12 電子商務網站  13 公司網站  14 運動、健身網站  15 一頁式網頁 COLUMN 網頁設計參考網站    PART 4 從排版、構圖出發的設計 01 網格式排版  02 卡片、磁磚型排版  03 單欄式排版  04 雙欄式排版  05 多欄式排版  06 全螢幕式排版  07 跳脫網格的排版 08 自由排版 COLUMN 排版時應顧及的4大法則    PART 5 用到素材、字型、程式的設計 01 以照片為主的設計  02 使用去背照片的設計  03 以紋理質感為主的設計  04 使用裝飾的設計  05 藉插圖打造親切感的設計  06 善用字體排印學的設計  07 有效運用影片的設計  08 具備動態要素的設計  09 用資訊圖表呈現的設計  COLUMN 買斷式授權的圖示圖庫    PART 6 從趨勢出發的設計 01 3D圖形  02 玻璃擬態 03 微互動 04 跳脫網格排版 05 視差滾動 06 鮮豔漸層  07 手寫風字型  08 流體形狀 09 等距視角插圖  10 復古時尚  11 響應式網頁設計 12 網頁字型  COLUMN 網頁字型服務範例 COLUMN 按照需求的資訊設計與設計編排法    PART 7 從區塊出發的設計 01 頁首 02 導覽列 03 標題 04 按鈕 05 載入效果 06 表單 07 頁尾 COLUMN 買斷式授權的插圖圖庫  看更多

微積分學習要訣 (25版)

類似書籍推薦給您

【簡介】 本書所展現的是親切的教本式描述（非一般講義式），絕妙的學習口訣，例題與習題皆詳解，目標：可靠自修而讀懂的微積分！市面上這麼多的微積分書籍中，專門為理工科學生（將來要唸工數）與商管醫科學生（將來要唸經濟學、統計學）下筆，強調學習觀念、重視解說內容，因為讀懂比多算更重要！本書特色如下： ．強調讀書方法，親切的文筆描述 雖名為“微積分”，卻找不到那種令人無法忍受之數學國語言！親切的說明彷彿親自聆聽作者授課一樣，配合生動有趣的“口訣”輕鬆地記住內容！ ．考轉或考研、理工或商管，都標示清楚 以豐富教學與輔考經驗寫出微積分應有內容（由淺到深），考轉或考研、理工或商管等皆分別標示清楚，讀來有效率！ ．數學名詞皆中英對照，一例一類易吸收 習題都是國立名校之研究所與轉學考題，配合詳細解答滿足考試、自修要求。懂內容那怕考題之變化！ ．編排紮實（不浪費）、舒適，分量充實 內容皆作者親自打字，編排紮實、不浪費空間，讓您在舒適的視感下「悅讀」微積分。 ．考國外入學考試也輕鬆 內容涵蓋大學層次該有之Calculus部分，是超越原文書的微積分中文書，出國留學更適合當參考書！ 劉明昌老師全新雲端課程，好課強力推薦！ ★微積分就該這樣學—大一微積分先修課(6個月) 【目錄】 第一章　極限 第二章　微分學 第三章　微分應用 第四章　不定積分之求法 第五章　定積分 第六章　積分之幾何應用 第七章　數列與級數 第八章　偏微分及其應用 第九章　二重積分與三重積分 第十章　向量積分 第十一章　微分方程之解法 附錄　擺線參數式之推導、隱函數的斜漸近線之推導