回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 元學堂

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引

 

出版總覽

 

讀者服務

  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名:多元裝置時代的網站UI/UX設計法則--打造出讓使用者完美體驗的好用介面
書號:PG21436 作者:原田秀司 著 ISBN: 978-986-201-950-4
定價:NT$320元 印刷:彩色 頁數:160頁
書籍規格:17*23 上市日:2014/8/27 譯者:許郁文 譯
學習定位:初階 本書附件:無  
前往購買 >> 天瓏 類別:電腦技術  
       
快速前往 快速前往        

 

 
    多元裝置時代下,好用的使用者介面(UI)與絕佳的使用者經驗(UX)的「設計手法」以及「思考模式」,本書完整介紹!

    「網站好用」的祕密,PC&智慧型裝置適用(PC、智慧型手機、平板電腦、智慧型電視)

    體貼使用者的心就是設計的原點
    進入多元裝置時代之後,網站的設計往往必須支援智慧型手機、平板電腦、智慧型電視以及PC這四種螢幕,不過有時候由於過於在乎各種裝置的特性,而不知不覺設計出不好逛、不容易操作的網站,本書的重點即是介紹如何設計出擁有「簡潔好用」特性的網站的方法。內容從「網站.構造」、「裝置.介面」、「使用者經驗(UX)」等三個方面為出發點,整理出多元裝置時代的介面設計概念,這絕對是一本適合網站設計人員以及眾多網路使用者閱讀的好書。

    *內頁試讀*





 
    CHAPTER-01
    網站架構(website architecture)—關於構造一二三事


    ◎垂直、水平、前後的立體構造
    01 連結帶來的影響
    02 考慮垂直、水平、前後方向的立體構造
    03 掌握身在何處的四個元素
    04 讓頁面的前後關係視覺化
    05 利用互動性表現頁面的前後關係
    06 讓使用者透過視覺設計判斷目前所在位置
    07 階層的廣度、深度與標籤的關係

    ◎佈局模式
    08 何謂版型?
    09 單欄式版型
    10 單欄式版型的各種變化
    11 雙欄式版型
    12 三欄式版型
    13 雙欄式與三欄式版型的變化
    14 格狀設計
    15 回應式網頁設計

    ◎導覽列
    16 導覽列扮演的角色
    17 不同類型的導覽列區塊
    18 常駐於畫面的「頁首與頁尾」
    19 代表位址與路徑的「麵包屑導覽」
    20 不同類型的「麵包屑導覽」
    21 「全域導覽列」與「區域導覽列」
    22 使用者可從他處回流的「關聯性導覽列」
    23 垂直型與水平型的「區域導覽列」
    24 透過「區域導覽列」顯示的階層
    25 透過「區域導覽列」顯示的系統
    26 「樹狀型區域導覽列」的位置
    27 「主要內容區塊」的位置
    28 讓導覽列的位置與內容固定

    ◎一致性
    29 一致性與靈活性
    30 一致性的效果
    31 「迷路」的原因何在?

    CHAPTER-02
    裝置介面(device interface)—關於裝置


    ◎物理性制約
    32 何謂裝置的多元性
    33 螢幕大小造成的影響
    34 使用者與螢幕的距離所造成的影響
    35 螢幕方向造成的影響
    36 輸入方式造成的影響

    ◎軟體制約
    37 文字資料的特性
    38 圖片檔案的特性
    39 圖片檔案的純文字化與向量化
    40 瀏覽平台種類造成的差異

    ◎捲動的方向性
    41 何為自然的捲動方向
    42 捲動文字造成的影響
    43 螢幕形狀對畫面捲動的影響
    44 元素形狀對畫面捲動的影響
    45 元素間距對捲動造成的影響
    46 垂直與水平方向並存的捲動方式
    47 畫面捲動與翻頁的關係

    ◎與裝置的互動
    48 互動與回饋的關係
    49 由滑鼠操作產生的回饋
    50 由觸控面板產生的回饋
    51 由遙控器操作產生的回饋

    ◎無縫式介面
    52 什麼是不切換畫面的介面?
    53 覆蓋式介面
    54 嵌入式介面
    55 滑動式介面
    56 增量捲動介面
    57 增量翻頁介面
    58 增量平移介面
    59 輪播式介面
    60 無縫式步驟

    CHAPTER-03
    經驗設計(experience design)—關於理解、體驗以及設計的講究之處


    ◎理解與體驗
    61 平面構造與立體構造的差異
    62 從平面進行考察
    63 以立體的角度了解網站構造
    64 利用局部的原型進行體驗
    65 實機體驗

    ◎設計的講究之處
    66 讓介面變得極簡
    67 能自然而然操作的介面
    68 活用共通概念
    69 利用顏色的判別效果
    70 標準化版型與頁面元件
    71 避免變得冗長
    72 利用精簡的手法創造更豐富的內容
 
    原田秀司
    1974年生於東京都,東京大學工學部畢業。於IT供應商擔任程式設計師SE之後,於Web製作公司擔任總監。從2008年開始成為自由工作者,負責網站設計與監修。目前是日本平面設計師協會的一員。
 
 
 
     

博碩文化客服信箱
 

[email protected]

 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮、金門
汪 玉 鳳
LINE ID:0925177716
0925-177716
[email protected]
郭 南 彤
LINE ID:rgtech101
0917-727778
[email protected]
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID:0925275775
0925-275775
[email protected]
助理分機 519
嘉義、台南、高雄、屏東、台東、澎湖
林 月 玲
LINE ID:0926858627
0926-858627
[email protected]
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話:02-2696-2869 分機:623 [email protected]

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel:02-2696-2869 Fax:02-2696-2867 劃撥帳號:17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.