具体描述
RWD(Responsive Web Design)響應式設計,即網站會隨著載具的不同而產生不同的畫面。
手機上網不稀奇,看網頁還要拉…拉拉頁面?
拇指食指,放大縮小,網頁馬上現出原形?!
頁面下載還在等阿~等阿~望阿~望!
網頁常延遲,不該怪頻寬也不要認為網站掛了!
製作網站不僅僅是美觀與實用性兼具,更要能在各項載具(PC/MAC/平板/手機)上皆能無阻礙地暢遊造訪。
本書教你從使用者端來檢視如何設計出跨平台皆令瀏覽者滿意的網頁,從字級字體到頁面比例、版面編排,以及瀏覽、下載的適用性等,一一為你詳細剖析。並介紹小工具來替你的網頁檢測加評比,讓你晉升為Pro等級的網頁設計師!
良好的瀏覽及使用經驗,讓更多使用者願意多停留在你的頁面上。
作者简介
Nowill Chang
Nowill 是若維的英文音譯,於社群起家。稟著要提供客戶最好的服務之念頭,多年來跨足了多項網站相關領域,舉凡架構師、設計師、企劃、PHP程式設計師、專案、社群、行銷、使用者研究、部落客等等,皆有3~5年不等的經驗,是少數對網站每個環節都有一定知識與實戰經驗的設計師,並曾協助數十位平面設計或學生族群跨入網頁設計相關領域,是個對網路充滿熱忱又足夠專注的專業設計師。目前除了繼續提供專業服務外,也認真在自己的Blog草監網路分享優質網站的分析與評論,創作屬於自己的網路世界。
Web:nowilldesign.com/
Blog:nowills.blogspot.com/
目录信息
隨處可在的網站
.RWD的誕生與使命
.桌上型電腦與筆記型電腦的螢幕限制大解放
.網路速度的變化
.標準與瀏覽器地支援度
.表單樣式
.桌上型電腦與筆記型電腦與移動裝置的操作差異
Media Queries的運用
.Meta viewport、Media queries結構規則
.實際演練Meta viewport 與Media queries
排版上的選擇
.排版這件事
.固定寬度排版
.流動佈局排版
.彈性格式排版
.混合模式排版
.實際演練固定寬度排版
.實際演練流動佈局排版
字體的二三事
.Web fonts的使用
.Web fonts的字體資源與使用方式
.在RWD設計下使用Web fonts
Part2 RWD的設計與開發
什麼樣的網站適合RWD
.該從哪些因素評估起?
.專案經費估算
.網站架構大小
.網站資料量多寡
.圖片、音樂等數為媒材過多
.無法支援RWD的套件或元素
一般網頁設計流程與RWD設計流程差異
.一般網站專案設計流程
.RWD網站設計流程
一定會遇到的圖片問題
.到底圖片會有哪些問題
.讓圖片可以支援RWD的方法
RESS (Responsive Design + Server Side Components)
.到底RESS是什麼東西?
.User agent的取得方式
.Modernizr-server
目前常見的RWD Framework介紹
.使用RWD Framework的優缺點
.有Twitter支持的Bootstrap
.號稱最先進的Foundation
.由Yahoo打造的Pure
.使用Compass為基底的SUSY
Part3 RWD的使用者經驗與檢測
以使用者為中心的RWD
.桌機、平板與手機使用環境上的差異
.使用者經驗測試流程
.Persona建模的重要性
.實際的網站使用者經驗測試
.最容易出問題的按鈕與連結
RWD的檢測方式
.使用者的操作模式有哪些?
.手動縮放瀏覽器大小
.線上檢測平台
.RWF測試重點
· · · · · · (收起)
读后感
用户评价
从整体结构上看,本书的编排逻辑简直是教科书级别的典范。它并非简单地将知识点堆砌在一起,而是构建了一个由浅入深、环环相扣的知识体系。初期的基础构建扎实稳固,如同为摩天大楼打下深厚的地基;中期开始引入高级策略与变通思维,注重在既定框架下的创新与突破;而到后期,则聚焦于项目管理和团队协作中的人际动力学,探讨了如何在复杂的组织环境中,确保设计的愿景得以高效落地。这种“理论——实践——心智模型”的递进模式,确保了即便是零基础的读者,也能在阅读过程中逐步建立起一个完整的知识地图,最终实现知识体系的融会贯通,而不是仅仅学会了零散的技巧。
作者的语言风格,如果用一个词来概括,那就是“精准的去情绪化表达”。他似乎深谙如何用最简洁、最精确的词汇去描述最复杂的设计原则。在阐述某些底层逻辑时,他避免了过多的冗余形容词和华而不实的比喻,而是直接切入问题的核心骨架,这种高度凝练的文字功底,读起来有一种豁然开朗的爽快感。尤其是在涉及到一些参数设定和规范化流程的部分,作者展示出了极强的逻辑梳理能力,他构建了一套清晰的层级结构,让原本需要反复查阅的参考资料,被系统地整合在了上下文之中,阅读时仿佛在和一位思维极其严谨的导师进行一对一的深度交流,他不会因为你基础薄弱而敷衍,也不会因为你理解得快而跳过关键步骤,始终保持着一种专业且尊重的交流姿态。
这本书的叙事节奏把握得如同经验丰富的指挥家在掌控一场宏大的交响乐。开篇并非直奔主题,而是用了一段近乎散文诗般的引言,描绘了一个关于“连接”与“感知”的哲学思辨,这个铺垫看似松散,实则为后续内容的展开搭建了一个极富张力的情绪基调。随着章节的推进,作者巧妙地将抽象的概念具象化,比如在探讨用户体验时,他引入了一个非常贴合当代生活场景的“清晨咖啡馆的等待”的案例,用细腻的笔触描摹了等待过程中各种细微的心理波动与对界面反馈的潜意识期待。这种叙事上的“张弛有度”,使得原本可能枯燥的理论知识变得鲜活有趣,读者的心绪仿佛也被牵引着,随着作者的思路时而放缓,时而加速,全程保持着高度的参与感,丝毫没有陷入那种技术书籍常见的刻板说教的泥潭。
这本书的装帧设计着实让人眼前一亮,封面那低饱和度的莫兰迪色系搭配着精妙的几何图形构图,一下子就把我从纷繁复杂的日常中抽离出来,营造出一种平静而又充满思考的氛围。内页的纸张质感也无可挑剔,那种略带磨砂的触感,握在手里就能感受到印刷者对细节的极致追求。我尤其欣赏作者在章节标题的处理上所展现出的克制与优雅,没有使用那种大张旗裹的夸张字体,而是选择了一种手写感的衬线体,配以恰到好处的行距和字号,阅读起来毫无压力,即便是长时间沉浸其中,眼睛也不会感到疲惫。整体而言,这本书的物理呈现就像是一件精心打磨的艺术品,它首先在视觉和触觉上就完成了对读者的初步“好感度”建立,让人不由自主地想要翻开它,去探寻其中蕴含的深层次内容。这种对阅读体验的重视,在如今这个快餐文化盛行的时代,显得尤为珍贵和难能可贵,体现了一种匠人精神。
这本书最让我印象深刻的是它对于“未来预判”的洞察力。它没有停留在当下业界普遍采用的工具和方法论上沾沾自喜,而是将视野投向了更远的未来,探讨了人工智能与沉浸式交互对设计领域可能带来的颠覆性变革。作者在描述这些前沿趋势时,并没有采用那种浮夸的科幻笔法,而是立足于现有的技术发展轨迹,进行了一种审慎而又充满智慧的推演。读到这些内容时,我能感觉到作者对整个行业脉搏的把握是多么的细致入微,他仿佛提前站在了未来十年的路口,回望今日的实践,为我们指明了在技术迭代浪潮中保持核心竞争力的关键所在。这种超越时空限制的思考维度,极大地拓宽了我对“设计”这个概念的认知边界。