【网页设计不是好看就好。想做出好看又好用的网站,先熟记这 84 个必备知识!】
★★★★★ Amazon.jp 5 颗星推荐、网页设计类 TOP 5 畅销书
「专为不懂程式的平面设计师而写」的网页知识总整理,观念对了,网站就成功了一半!
网页设计深受操作环境的影响。即使设计师设计了美丽的版面,却可能在架站时面临问题,例如和 HTML・CSS 无法相容、字体或颜色跑掉、在手机上操作时版面崩坏、更新困难等等。这些问题其实不能都丢给工程师处理,做为现代的网页设计者,必须在设计过程中就掌握相关知识,做出「适合转换成网页」的设计档案,才能和团队完美配合。
本书专为设计师而写,整理出 84 个设计铁则 & 常见问题对策,例如: ☞ 用 Photoshop/Illustrator 做网页该注意什么?
☞ 为什么好好的按钮在手机上却变小、没办法按了?
☞ 网页宽度到底要设定多少?RWD 网页怎么设定?
☞ 在手机上放大、手机打横时版面就破掉,该怎么办?
☞ 为什么美美的字体不见了?可以把文字转成外框吗?
无论你是网页初学者,还是经常遇到问题的设计师,只要搞懂相关知识、解决疑难杂症,就能和程式人员合作愉快,一起做出好网站!
本书特色 : 接到一个网页设计案,接下来怎么办?身为设计师,你该做什么?
工程师跟你要档案,你该怎么设定?
本书将告诉你专业的网页设计师该怎么思考、怎么规划、怎么制作和实测网站,让你和工程师合作无间!
INTRODUCTION:网页设计二三事 了解网页制作的大环境、趋势及需求变化 /理解网页设计的独立性 /认识标记语言的技术与设计软体的选择 /与时俱进的网页制作流程
CHAPTER 1:网页设计的基本原则 按钮尺寸 / 触控对应 / 设计的单位 / 色彩设定 / 随装置调整宽度 / 支援 Retina 高解析度 / 让网站整合 SNS 社群网路 / 网格系统 / 字型设定 / 字体设计 / 云端字型 / 图像授权 / CSS 表现 / RWD 设计 / HTML 基本结构 / 智慧型手机相容设定 ..等
CHAPTER 2:解决无法程式化的设计问题 将共用要素做成固定样式 / 不要固定版面 / 智慧型手机的宽度是偶数 / 不要任意缩放尺寸 / 准备重复运用的图像与组件 / 避免渐层色的误差 / 避免多余的参考线 / 设计软体中的图层管理 / Photoshop 的点阵化与 Illustrator 的外框化...等
CHAPTER 3:如何做出容易理解的交件档案 明确传达修改的地方 / 善用註解沟通 / 活用装置文字 / 准备各类图示与 OGP 图示 / 修改后要标示出最新版本 / 以搜寻为前提来命名图层 / 交件时准备 HTML 要素一览表
CHAPTER 4:活用 Photoshop 来设计网页 Photoshop 的基本设定 / 色彩管理 / 图层管理 / 如何使用「形状」/ 「形状」的路径与笔画设定 / 活用字元与段落样式 / 活用图层样式和混和模式 / 运用智慧型物件有效应付重做与修改 / 活用各种输出设定来因应不同案子 ...等
CHAPTER 5:活用 Illustrator 来设计网页 Illustrator 的基本设定 / 色彩管理 / 活用复合字体组合中英文字型 / 自创云端字型 / 活用字元与段落样式 / 活用圆角功能 / 绘制只有 1 像素的线条 / 活用「符号」集中管理图示及素材 / 利用 Adobe 资料库共用素材 / 用 CSS 面板轻松设定 CSS