Web设计中，很多人会模糊于规范，迷糊与入手，其实确实它是一个难点，哪怕是工作一些年头的设计师，也会有难以突破的瓶颈，这就需要不断地积累和探索，总结，分析思考。因此一句两句话，是无法体系的讲完这些东西的。在这里，就需要无耻的打一个广告了，因为我已经把整个重点知识体系，写成了一本“工具参考书籍”，这本书的时效性比较长，适用于初学和有一定经验的Web设计师。

首先感谢中国邮电出版社的邀请，小编的努力配合，经过快3年的时间，终于在2018年9月正式出版了《破译Web UI》这本书，其实书在2016年就完成了，但是整个出版程序相当复杂和缓慢，这里也让一些爱好网页设计的童鞋等了很长时间。

这本书主要基于底层规范，可以用于任何和Web相关的UI，并不是面向细分的领域。本书着重讲解Web UI设计的原则、方法和应用。按照“知识点分析—知识点深入与扩展—归纳与运用（全面案例讲解）—新技术的拓展”的进阶结构来讲解，让读者能够循序渐进地、更科学地学习。 全书共9章，第1～8章内容涵盖工作的准备阶段、线框图设计、Web网格布局、Web界面设计基础参考规范、Web界面设计高级参考规范、Web设计用户体验、Web界面设计实战和网页设计新趋势（MDL），讲解贯穿实际设计案例，帮助读者梳理工作流，融入设计理论，并教会读者如何思考、如何应用理论，进而能以不变应万变。*后一章对设计师的个人发展提出了一些建议，分享了一些经验。 随书附赠书中核心案例的PSD文件，供读者学习、参考。 本书适合有一定Photoshop软件基础的设计初学者、相关专业大学生及想要进阶的Web设计师阅读。

从前面开始的章节，有一些朋友会问，一个商业项目真的需要那么细的流程吗？其实，当你体会到一张图几千到上万，或者一个看似简单的web，客户愿意给你上万元的时候，你会发现，一个商业项目的分析，远远比拿起photoshop开搞，要值钱的多。然而这个过程，就是书中提及到的“思考过程”。过程有时候，每个人不一定会一样，但是一个价值连城的看苏非常简单的项目，思考和草稿的整个过程，一般来说不会少~~~

本书的知识体系并不是固定不变的，互联网的变化大家都知道，有时候可以说是两年一大变，但是底层规范的一些东西，我觉得是能长期利用和参考的，当然作为设计师和开发者，也需要不断学习和探索新知识，不断更新自己的观念和人生态度。

也许书籍中存在一些不准确或者不适合的方法，但是没有任何东西是完美的，希望读者能够体谅和寻找适合自己的方法。

零散列出的内容体系（顺序不分先后,为了便于理解,使用了更加通俗的语言加以描述）

 + 整套书籍全部使用作者自己的案例进行演示和实例操作讲解

  + 完整学习本书，需要具备稍微扎实的Photoshop基本功，书中会列出常用的基本功知识点

  + 线框图的运用 ★★★核心

  + 部分重要的、易混淆的前端开发运用

  + 提高Web UI设计相关的软件技巧和各种运用方式

  + 最新的、贴紧全球趋势的必须用到的、常用的Web原生设计规范 ★★★核心

  + 一些对于UI和前端协作的，必要的知识和技巧综合

  + 提高用户体验的实际运用解析

  + 适用于各种项目的设计规范的综合运用 ★★★核心

  + 交互设计的一些贯穿

  + 完整的、不同类型的两大案例详细讲解，巩固项目流程和软件技巧 ★★★核心

  + Web设计中的常用原理及其方式方法

  + 整本书没有过多的乏味的Copy的理论性文字，每段话都是精心撰写，值得细看

  + 制作项目时可以循环参考，书中包含了很多作者归纳总结、引用的有价值的数据表格 ★★★核心

  + 少量职业和梦想上的分享交流

  + Material Design在Web设计中的运用和设计规范

  + 对于新手而言，或者经验不丰富的设计师，可以得到一些业余赚取自己的第一桶金的技巧和方法

  + 书籍配套提供书中案例的高质量的PSD源文件 ★★★核心

  + 本书适合有一定软件基础的新人、爱好者、有一定经验的设计师阅读与深入学习

  + 详细内容请参看上架后的书籍目录...

提示：本书并不能快速让你变成高手，也不能让你变成土豪，这是一本循序渐进的学习材料。部分章节有一定深度和难度，不一定一次性掌握，本书也可当做教材或参考书籍循环使用，并非“一次性”阅读物品。学完本书，也许你会爱上Web设计或开发。

它是我的起点，我的真诚之作：）

本文同步发布于个人博客 没位道|Chuckie Chang中文博客