《破译Web UI》,自己的一本真诚之作

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设计或开发。

它是我的起点,我的真诚之作:)

原文地址:https://www.cnblogs.com/xizon/p/12620151.html

时间: 2024-11-02 03:11:43

《破译Web UI》,自己的一本真诚之作的相关文章

常用响应式 Web UI 框架

1. Bootstrap Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等.官方网站: http://twitter.github.com/bootstrap/github: https://github.com/twitter/bootstrap 2. Foundation Foundation 是一个易用.强大而且灵活的框架,用于构建基于任何设备上的 W

免费素材:25套免费的 Web UI 设计的界面元素(转)

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的界面元素,用于和Mobile App设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. UI Kit – Free PSD Download Ui Kit [Free PSD] Download Free

atitit.web ui 结构建模工具总结

atitit.web ui 结构建模工具总结 1. 王者.dreamweaver 1 2. Frontpage/SharePoint Designer(FrontPage) 2010... 1 3. Netbeans6.5 1 4. Ms  vs 1 5. Xara Web Designer..雅十专业级的ide 1 6. Adobe GoLive(好像不更新了) 2 1. 王者.dreamweaver 2. Frontpage/SharePoint Designer(FrontPage) 20

虚拟化技术—docker容器—web UI篇

docker官方提供了一个web UI界面管理容器和镜像,名为:shipyard 先修改一下配置文件 vim /etc/sysconfig/docker 添加: other_args="-H tcp://0.0.0.0:235 -H unix:///var/run/docker.sock" 注:centos7使用OPTIONS="-H tcp://0.0.0.0:235 -H unix:///var/run/docker.sock" 重启: /etc/init.d/

Google Polymer以及Web UI框架

时代在进步,原本前端只是用来简单的数据显示以及提交数据到后端处理逻辑的地方,而随着SPA的发展,前端的逻辑也越来越是庞大,恰巧,今天看微博的时候,发现一个概念讨论的比较多,就是 Web Components,顺藤摸瓜,做了一些了解,发现 Polymer 这样一个或许是未来的东东,至少有一点,chrome将会原生支持.收集了一些资料,多家学习. 1. Polymer Polymer由以下几层组成: 基础层(Foundation)——platform.js:基本构建块,其中大部分API最终将成为原生

修改rabbitmq Web UI 监控页面的端口

在前几天工作中遇到一个问题,部署服务器,需要用rabbitmq自带的一个web UI监控组件,但是15672的端口没有对外映射.尝试了几种办法.开始修改rabbitmq.config,rabbitmq-ebv.config,总是不成功,因为修改的是rabbitmq-server的启动端口号,从外面访问的是web UI组件启动的端口号,两个是不一样的.然后尝试的rabbitmqadmin,因为web UI 监控页面也是调用的httpapi ,rabbitmqadmin是从官网下载一个文本文件赋予可

非静态的字段、方法或属性“System.Web.UI.Page.ClientScript...”要求对象引用 (封装注册脚本)

在写项目时想对asp.net的注册前台脚本事件进行封装,就添加了一个BasePage.cs页面,但一直报错‘非静态的字段.方法或属性“System.Web.UI.Page.ClientScript...”要求对象引用”’ 原写法: /// <summary> /// 显示客户端提示框 /// </summary> /// <param name="msg"></param> public static void ShowMsg(strin

Hive 接口介绍(Web UI/JDBC)

Hive 接口介绍(Web UI/JDBC) 实验简介 本次实验学习 Hive 的两种接口:Web UI 以及 JDBC. 一.实验环境说明 1. 环境登录 无需密码自动登录,系统用户名shiyanlou,密码shiyanlou 2. 环境介绍 本实验环境采用带桌面的Ubuntu Linux环境,实验中会用到桌面上的程序: XfceTerminal: Linux命令行终端,打开后会进入Bash环境,可以使用Linux命令: Firefox:浏览器,可以用在需要前端界面的课程里,只需要打开环境里写

WEB UI 整理

当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架