版面研究所⑥網頁版面學：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 買斷式授權的插圖圖庫  看更多

令人著迷的Midjourney AI繪圖：從入門到突破(適用網頁版/Discord版) (1版)

類似書籍推薦給您

【簡介】 📢創作心法 x 個人化模型 x 局部重繪，讓生成美圖從偶然變必然！ 本書結合作者的操作心法與實際授課經驗，涵蓋： 【構思畫面】 你曾經打開AI繪圖軟體，卻不知道要生成什麼嗎？本書用以下內容做引導，幫助你告別靈感枯竭： ．如何觀察、取材、聯想 ．如何將攝影與構圖專有名詞應用於關鍵字 ．以100個風格關鍵字為基礎發展個人關鍵字庫 【實現畫面】 雖然AI繪圖有其隨機性，但要讓AI繪圖乖乖照你所想的生成，其實是有技巧和方法可循的： ．關於撰寫關鍵字，與AI更有效溝通的7個觀念 ．Midjourney網頁版介面操作指引 ．如何賺取Midjourney額外算圖點數 ．以圖生圖、以圖生文、與局部重繪功能 ．如何訓練Midjourney個人化模型 ．如何把Midjourney當成Photoshop來修照片 ．Nijijourney動漫風模型的使用時機 ．如何用Nijijourney實現中文算圖 ．用Midjourney Discord版介面講解參數的進階操作 【應用案例】 掌握以下內容，讓AI繪圖不只是興趣，而是具備各種實用用途： ．AI繪圖的7種商業應用方向與策略 ．如何生成LINE貼圖、同人二創圖片、電腦手機桌布 ．Midjourney與免費一鍵去背軟體的配合 ．用關鍵字模版將Midjourney打造成素材庫 本書不只是操作指南，還能成為你的創作夥伴，助你生成出與眾不同、脫穎而出的精美圖片。 本書適合： ☑完全沒接觸過AI繪圖的純新手，需要手把手的詳細指引 ☑使用過Midjourney的用戶，想突破創作瓶頸或更深入了解功能使用細節 ☑使用過其他AI繪圖軟體的玩家，在考慮要不要換到Midjourney 【目錄】 chapter 01　AI 繪圖重要觀念 　　1.1 為什麼要學 AI 繪圖 　　1.2 AI 繪圖的著作權 　　1.3 主流 AI 繪圖工具介紹 & 分析 chapter 02　如何訂閱 Midjourney 　　2.1 如何加入並訂閱 Midjourney 　　2.2 訂閱 Midjourney & 方案介紹 　　2.3 快速模式/ 慢速模式與省錢撇步 　　2.4 封禁帳號的注意事項 　　2.5 付費遇到問題怎麼辦 　　2.6 如何取消自動續訂 chapter 03　【基礎操作】Midjourney 網頁版 　　3.1 如何算圖 　　3.2 基本功能介紹 　　3.3 以圖生圖 & 以圖生文 　　3.4 算圖設定調整 　　3.5 Midjourney 官網的其他頁面與功能 　　3.6 算圖高手厲害在哪裡？ chapter 04　【進階操作】Midjourney Discord 版 & 關鍵字調整心法 　　4.1 加入官方 Discord 伺服器 　　4.2 Discord 是什麼？ 　　4.3 Midjourney Discord 伺服器介紹 　　4.4 Midjourney Discord 版基本指令介紹 　　4.5 參數須知 & 常見錯誤 　　4.6 參數大全（網頁版也適用） 　　4.7 經驗分享：如何調整關鍵字 chapter 05　Nijijourney 介紹 & 中文算圖法教學 　　5.1 Nijijourney 介紹 　　5.2 如何加入 Nijijourney Discord 伺服器 　　5.3 Nijijourney 伺服器介紹 　　5.4 用 Nijijourney 實現中文算圖 　　5.5 用中文算圖的缺點 　　5.6 Nijijourney APP chapter 06　中英對照關鍵字詞典 　　6.1 如何使用本書關鍵字詞典 　　6.2 風格關鍵字 　　6.3 材質關鍵字 　　6.4 關於「以藝術家名字」作為關鍵字 chapter 07　如何生成與眾不同的圖 　　7.1 靈感枯竭 　　7.2 「創意」從生活中觀察 　　7.3 「創意」瀏覽他人作品 　　7.4 「創意」如何取材 　　7.5 「創意」如何聯想 　　7.6 從「創意」學算圖 - 掌握流量密碼 　　7.7 基本構圖法 　　7.8 字母構圖法 　　7.9 「攝影」專有名詞 　　7.10 說出屬於你的故事 　　7.11 重點整理 chapter 08　Midjourney 生活應用解析 　　8.1 生成電腦 / 手機桌布 　　8.2 生成同人二創圖片 　　8.3 生成各種風格的素材 　　8.4 一鍵去背 　　8.5 生成 LINE 貼圖 chapter 09　Midjourney 商業應用解析 　　9.1 如何用 AI 繪圖賺錢 　　9.2 生成 Logo 概念圖 　　9.3 生成網頁設計概念圖 　　9.4 生成角色設計概念圖

網頁設計必學技術－HTML5+CSS3+JavaScript+jQuery+jQuery Mobile+Bootstrap5(第二版) (2版)

類似書籍推薦給您

【簡介】 本書特色 1.提供最新技術、最新語法及範例，助你打造專業響應式網站！ 2.集結HTML、CSSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。 3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。 4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。 內容簡介 網頁設計全攻略，精通六大必學技術！ 網頁設計 x AI 工具，讓你的創意無限延伸！ 從零開始，掌握超實用響應式網頁設計技巧！ 跨平台網頁設計熱門技術大集合！ 本書精選了網頁設計必學的技術，分為六大主題，從 HTML5 與 CSS3 的基本概念開始，逐步進入 JavaScript 的動態效果，並探討 jQuery 與 jQuery Mobile 的互動設計，最後介紹流行的 Bootstrap 5 框架，立即學會響應式網頁的製作。搭配 AI 工具的應用，讓你在學習網頁設計技術的同時，也能夠掌握智慧化設計的最新趨勢。 【目錄】 CH01 網頁設計基本概念 1-1 網站基本概念 1-2 網頁設計程式語言 1-3 搜尋引擎最佳化 1-3-1 SEO行銷 1-4 網路資源 1-5 AI工具 1-6 網頁編輯工具 CH02 HTML基本概念 2-1 認識HTML 2-2 HTML檔案命名的原則 2-3 HTML的基本結構 2-4 文件資料元素 CH03 常用的HTML元素 3-1 段落元素 3-2 文字樣式元素 3-3 語意結構區塊元素 3-4 超連結元素 3-5 圖片元素 CH04 影音多媒體、表格及表單元素 4-1 影音多媒體元素 4-2 表格元素 4-3 表單元素 CH05 CSS基本概念 5-1 認識CSS 5-2 CSS的使用方式 5-3 CSS基本選擇器 5-4 組合選擇器 5-5 虛擬類別選擇器 5-6 虛擬元素選擇器 CH06 CSS樣式 6-1 色彩屬性 6-2 字型屬性 6-3 文字段落屬性 6-4 清單屬性 6-5 邊框屬性 6-6 背景屬性 6-7 漸層函式 6-8 表格屬性 6-9 變形、轉場與動畫屬性 CH07 CSS版面設計 7-1 盒子模型 7-2 定位方式 7-3 彈性版面 7-4 Grid網格系統 7-5 媒體查詢 CH08 HTML+CSS網頁設計範例 8-1 單欄式網頁設計範例 8-2 多欄式網頁設計範例 8-3 動畫效果設計範例 CH09 JavaScript基本概念 9-1 認識JavaScript 9-2 常數與變數 9-3 運算子 9-4 流程控制 9-5 函式 9-6 陣列 CH10 JavaScript物件、DOM與事件處理 10-1 物件 10-2 BOM與DOM 10-3 事件 10-4 JavaScript範例實作 CH11 jQuery 11-1 jQuery基本概念 11-2 jQuery選擇器 11-3 CSS與DOM的處理 11-4 事件 11-5 特效與動畫 11-6 jQuery UI組件 11-7 jQuery範例實作 CH12 jQuery Mobile 12-1 jQuery Mobile基本概念 12-2 jQuery Mobile UI元件 12-3 jQuery Mobile表單 12-4 jQuery Mobile事件 12-5 行動網頁實作範例 CH13 Bootstrap基本概念 13-1 認識Bootstrap 13-2 Bootstrap網格系統 13-3 類別的使用 CH14 Bootstrap元件 14-1 Button元件 14-2 Collapse與Accordion元件 14-3 Card元件 14-4 Carousel元件 14-5 Navs&Tabs/Navbar/Pagination元件 14-6 Tooltip/Popover/Modal/Offcanvas元件 CH15 Bootstrap響應式網頁設計範例 15-1 兩欄式網頁設計範例 15-2 商品網頁設計範例