觸動人心的手機端頁面設計 ( 簡體 字) |
作者:林瓊 | 類別:1. -> 程式設計 -> UI/UX |
譯者: |
出版社:電子工業出版社 | 3dWoo書號: 44244 詢問書籍請說出此書號!【缺書】 NT售價: 300 元 |
出版日:5/1/2016 |
頁數:192 |
光碟數:0 |
|
站長推薦: |
印刷:全彩印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787121287589 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:;">隨著互聯網越來越發達,智能手機迅速普及。根據中國互聯網絡信息中心(CNNIC)發布的第37 次《中國互聯網絡發展狀況統計報告》,截至2015 年12 月,我國網民中,使用手機 上網的比例為90.1%,其中僅通過手機上網的網民占18.5%。近幾年,移動通信技術從2G 一直升級到現在的4G,再加上各地逐步免費開放的Wi-Fi,人們從以前單一使用電腦進行網上沖浪,到如今將大部分時間都轉移到了更加方便的手機上網。很多網民使用手機上網的時間,已經遠遠超過了打電話的時間。手機帶來的便利,使得越來越多的人注意到了手機所衍生出來的商機,眾多商家紛紛開始針對手機端頁面展開各式各樣的營銷活動,因此誕生了各種各樣的應用產品。商家中最具代表性的有騰訊、百度、阿里巴巴、搜狐、360 等。
手機端的營銷迅速崛起,這讓很多設計師們應接不暇,手機端的設計應該怎么做?如何去 做好手機端的設計?尚未成熟的手機端設計路線,讓眾多設計師們很苦惱。作為一個資深的高級網站設計師,本書作者經過多年的美工設計研究,一路走來,親眼見證了手機端設計從一開始的雛形發展到今天,深有感觸,而且經常看到身邊的菜鳥同事面對各種頁面不知所措,尤其是對手機頁面的設計無從下手,把好好的一個頁面做成了PPT……于是萌生了編寫這本書的念頭,以期幫助大家學會手機端設計,提升設計能力,做出更多顯得更加“高端、大氣、上檔次”的設計。
手機端的設計,包括手機網站的廣告設計、單屏頁的設計、微信頁面設計等。大家用手機打開淘寶、QQ、京東、微信朋友圈等,都可以大量地看到這類型的手機端設計。手機端設計是一個新的設計方向,它在屏幕、色調、營銷角度等方面不同于電腦端。在設計上,手機端的要求會與電腦端的要求有很大不同。
在本書中,一開始引導大家對手機端頁面有一個基本的了解,對頁面有個總體的概念,然后開始著手深入地了解手機頁面設計的每個要點。書中從最簡單、最規范的知識點開始講述,包括字體的應用、顏色的搭配、形狀的融合、留白的恰到好處、布局的規劃、配圖的技巧等,再結合一些手機頁面設計所必備的小工具應用技法,讓每個知識點匯聚在一起,形成一個規范性的基本的手機頁面。
在完成前面這一部分基礎設計學習后,讀者已經可以自己獨立設計出一個基礎頁面,但是 距離一個“高大上”的設計頁面還是有一定距離的,于是,讀者需要進行接下來的頁面提升學習。
在本書中會用很大的幅度來講述基礎頁面的提升技法,包括扁平化設計、Banner設計、圖文設計、字體設計、點線面技巧等。這些頁面提升技法會從一個點、一個大的模塊上對設計進行全面的提升,最后再總體地讓頁面整個設計得到跨越式的提升,從而讓手機頁面的設計跟上時代的步伐,甚至引領時尚。由于知識跨越度比較大,為便于讀者學習,書中還引用了大量國內外優秀案例來進行佐證。
通過學習提升部分的內容,讀者已經可以設計出一個有模有樣的手機頁面了,但是在創作上,或許還是會缺乏經驗,缺乏靈感。所以在圖書的最后,設置了一章內容為作品探討研究,也便于讀者鞏固前面所學的知識點,通過一些比較出名、大型的手機網站頁面(例如:淘寶、京東、唯品會、途牛、蘋果等手機網站專題)來進行探討研究。此部分有針對性地(特別是營銷角度)對頁面進行解剖分析,結合前面學到的知識點,吸取網站上的優秀設計經驗,揣摩設計頁面時的細節,從這些手機頁面里搜尋設計靈感,補足自己的缺陷,以便在設計實戰中,不僅懂得怎么做一個手機頁面,更懂得如何做出極具營銷價值的細膩、時尚的手機頁面。
本書主要由林瓊編寫,參與編寫工作的還有:李媛、潘國允、林陽、林虎、李麗君、梁玉群、李曉欣、謝連娣、龍鳳輝、陳玉賢、廖松生、李加愛、吳建茂、吳曉彤。另特別感謝家人和朋友給予的一切支持。
在做設計的道路上,學到的知識需要經過很多實踐來讓作品成熟。本書力求精確地為讀者指出一條“明路”,以便大家能少走彎路,吸取眾多設計師的精華,從而走上一條光明大道! |
內容簡介:這是一本結合目前手機端頁面潮流的設計書,除了詳細講述手機端頁面設計的各個要點(包括字體、顏色、字號、留白、布局等),還列舉了眾多實例(包括淘寶、唯品會、京東、Apple手機、途牛等大型手機網站頁面)來幫助讀者提升審美能力。全書從基礎入門,圖文并茂地細談手機端的版式、細節、配圖、配色等,在各個重點上幫助讀者掌握手機頁面設計的要領;然后傳授完整的設計分析;最后通過營銷角度來點評作品,讓新手看完本書之后,不僅懂得怎么做一個手機頁面,更懂得如何設計適合營銷的手機頁面。為了便于讀者輕松提高,本書還介紹了一些PS小技巧(涉及配色、配圖、字體設計等),并傳授了一些從事頁面設計必備的軟件應用知識(涉及Ps Play、ColorSchemer Studio等軟件),幫助廣大設計師更好地掌握頁面設計的精髓,從而得心應手地設計出優秀作品。 |
目錄:第1部分 手機端設計的趨勢
第1章 手機上網已成主流 / 3 1.1 手機端用戶到底有多少 / 4 1.2 手機端設計的分類 / 4 --1.2.1 APP / 4 --1.2.2 手機端網站 / 5 --1.2.3 其他頁面設計 / 7 1.3 小結 / 7
第2章 手機端相關市場調查 / 9 2.1 手機品牌與屏幕尺寸統計 / 10 2.2 手機屏幕分辨率統計 / 11 2.3 Photoshop 小技巧 / 12 2.4 小結 / 14
第2部分 細談手機端頁面設計 / 15
第3章 手機端頁面設計的預備知識 / 17 3.1 了解手機用戶的視線 / 18 3.2 手機端2 秒原則 / 20 3.3 小結 / 21
第4章 手機端頁面架構 / 23 4.1 手機引導頁 / 24 4.2 手機網站 / 25 --4.2.1 單屏手機站 / 26 --4.2.2 其他手機站 / 27 4.3 手機專題 / 29 --4.3.1 單屏滑動專題 / 29 --4.3.2 整頁專題 / 30 4.4 小結 / 32
第5章 手機端頁面設計元素 / 33 5.1 文字設計 / 34 --5.1.1 字號的選擇 / 34 --5.1.2 字體的選擇 / 35 5.2 顏色設計 / 37 --5.2.1 選主色 / 37 --5.2.2 對比色 / 41 --5.2.3 相近色 / 45 --5.2.4 選色工具 / 46 5.3 圖形設計 / 49 --5.3.1 單個形狀的應用 / 49 --5.3.2 多個形狀的應用 / 52 --5.3.3 Photoshop 形狀小技巧 / 53 5.4 留白很重要 / 56 --5.4.1 整體留白 / 56 --5.4.2 局部留白 / 61 5.5 布局設計 / 62 --5.5.1 上下布局 / 63 --5.5.2 左右布局 / 64 5.6 頁面配圖 / 65 --5.6.1 icon 的選擇 / 65 --5.6.2 其他圖片搭配 / 67 5.7 小結 / 69
第6章 手機端頁面設計提升 / 71 6.1 主流設計 / 72 --6.1.1 扁平化設計 / 72 --6.1.2 扁平立體結合 / 76 --6.1.3 扁平技巧 / 78 --6.1.4 Photoshop 制作長投影 / 79 --6.1.5 制作不規則圖形 / 83 6.2 Banner 設計 / 87 --6.2.1 Banner 的尺寸 / 87 --6.2.2 選用字體 / 89 --6.2.3 背景配圖 / 91 6.3 圖文并茂 / 93 --6.3.1 文字融入圖片 / 93 --6.3.2 圖文分離 / 95 --6.3.3 出格立體感 / 96 6.4 字體設計 / 97 --6.4.1 硬字體 / 97 --6.4.2 軟字體 / 98 --6.4.3 立體字體 / 99 --6.4.4 Photoshop 制作字體 / 101 6.5 點線面的組合 / 106 --6.5.1 點 / 106 --6.5.2 線 / 107 --6.5.3 面 / 108 --6.5.4 點線面結合技巧 / 110 6.6 營銷型頁面 / 114 --6.6.1 網站營銷概念 / 114 --6.6.2 營銷型網站要點 / 115 --6.6.3 手機營銷網站的技巧 / 117 6.7 小結 / 118
第3部分 案例分析
第7章 優秀手機端頁面解析 / 121 7.1 購物類手機網站 / 122 7.2 信息類手機網站 / 138 7.3 行業類手機網站 / 151 7.4 手機專題頁 / 170 7.5 手機頁的各類廣告 / 177 7.6 小結 / 182 |
序: |