网页设计Design x Idea关键50

真正学到根本设计思维，成为独当一面的网页设计师！彻底解说网页视觉设计必备的50个关键要素，不谈肤浅的制作技巧

销售价：
商品评分： (共0人评论)

货品编号：

G4F8EE490CFC43

数量： -+

商品详情

品牌：
所属分类：网页设计
商品编号：G4F8EE490CFC43

真正学到根本设计思维，成为独当一面的网页设计师！


	　　彻底解说网页视觉设计必备的50个关键要素，不谈肤浅的制作技巧，而是能真正学到根本设计思想的划时代设计书！


	　　本书并不是一本说明书，也不是介绍技巧的工具书，而是属于提供设计线索以激发创意的书籍。例如需要新点子，或企划工作陷入瓶颈，又或是设计工作无法顺利依照想法进行时，当你想大喊「老天爷给点灵感吧！」的时候，本书所集结的50个主题，以及以下五种关键提示「灵感」、「知识」、「重点」、「技巧」、「注意」，就能成为有效的创意催化剂。


	　　此外，内容分为「文字」、「色彩」、「结构」、「图形」、「版面配置」等五大章，每章包含十个项目，带你以更宽广的观点来检视网页设计，融入其他领域的思考方式与运作法则，并以实践更好的设计为目的加以编辑、组成。


	　　最重要的是，网页设计师、发案客户、创意总监、企划人员…都该看这本！


	　　本书最大的特点是同时列出client / director / designer / planner 各方在意的设计诉求，透过清晰明了的插图示意，领会到唯有密切地沟通与合作，才能精确掌握设计方向，激荡出好设计。


	作者简介


	境 佑司（Sakai Youji）


	　　URL︰friendfeed.com/monkeyish 
　　Prof︰iddy.jp/profile/monkeyish


	　　职业、教育设计人。1984 年，以 imapro、artron 等绘图工作站等级的计算机进行 CG 相关工作。1988 年，在阿佐谷美术专门学校教授数字设计课程，之后，担任该校的计算机实验室室长一职。1994 年，创立公司。1999 年担任阿佐谷学园高度信息化研究所所长，并开始进行 e-learning 实证实验工作。目前，以设计讲师的身份进行各类讲座企划、ID 管理、文章撰写和演讲等相关活动。


	　　著作 
　　《Flash设计帮帮忙》（博硕）、《CSS 设计点子爆米花》（监修/旗标）、《速习□□□□Flash CS4》（技术评论社）、《速习 Web □□□□ Dreamweaver CS3》（技术评论社）、《□□□□□□□□□□3行□□□□□□□□□□》（共着/翔泳社）、《Web □□□□&□□□□□□□逆引实践□□□□□□□本物的□□□目指□ Web □□□□□的□□的指南书》（Socym）、《Web □□□□□□□．□□□□》（Sotech）、《CSS □□□□□□□□□．□□□□》（每日 Communication）等。

 
<div class="ttl" style="background-image:url(http://www.books.com.tw/g/product/images/hr02.gif);position:relative;background-position:0px 11px;margin:5px 0px 8px;background-origin:initial;background-clip:initial;">
	<h2 style="font-size:1.2em;background-image:url(http://www.books.com.tw/G/product/images/bul03.gif);background-position:0px 4px;color:#316500;padding-bottom:0px;padding-top:0px;padding-left:19px;margin:0px;display:inline;letter-spacing:1px;padding-right:0px;background-color:#74bf00;background-origin:initial;background-clip:initial;">
		<span style="background-image:url(http://www.books.com.tw/G/product/images/bul04.gif);background-position:100% 4px;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:19px;background-origin:initial;background-clip:initial;">目录
	</h2>
</div>
<div class="spr01" style="padding-bottom:0px;padding-top:0px;padding-left:110px;padding-right:15px;">
	
		Chapter 1　文字 - Text & Typography 
所谓适当的文字大小，会依整体外观而有所差异 
3 行以上的文章一定要设定行距 
给人压迫感的长篇文章必须适度分割 
单行字数过多时将不利阅读 
中文字较多的文章需指定字距 
标题是读者第一眼见到的重要信息 
以视觉设计提升诉求力 
少了图片说明就算不上是报导照片 
不显杂乱的图旁串字编排关键 
提升易读性的装饰 
本章内容总复习
	
	
		Chapter 2　色彩 - Color 
要知道有的颜色看来愉快有的则否 
色彩感觉是主观的。每个人的蓝色都不同。 
屏幕色彩是由光线形成而不是印刷油墨 
色调（色彩的调性）可用 3 属性的高低强弱来调整 
色彩有重量。配色不顺利时可试着减轻颜色的重量 
决定了背景，再导出主要色彩 
想分割内文时，可为各段落套用不同色彩 
要为页面整体添加重量感时，可使用渐层色 
想呈现高级感时，就要修正照片色调 
基调色彩需要自然环境与时间来孕育灵感 
本章内容总复习
	
	
		Chapter 3　结构 - Composition 
结构设计要从绘制草图开始 
草图的绘制重「量」不重质 
必须彻底理解结构元素中无法分解的最小单位 
决定范围大小并提高弹性 
建立出如投影片般的页面浏览顺序 
以建筑物的逻辑来结构网页 
以构思连续剧的方式来结构网页 
手风琴式的元素变化 
元素较多时，采取纵向结构（Portrait mode） 
元素较少时，采取横向结构（Landscape mode） 
本章内容总复习
	
	
		Chapter 4　图形 - Figure 
以「类型（type）」的观点来理解页面元素 
要展现震撼力时就要突破「类型」 
运用「类型」时，必须先制作「雏型」 
以均衡的黄金比例矩形为基础 
从单一基本元素拓展成复杂的形状 
图标不该使用文字 
不论大小，图还是直觉易理解最好 
简易图样之美始于对称性 
活用 LOGO 时，需注意周围的色彩和信息密度 
增添心理上的附加价值 
本章内容总复习
	
	
		Chapter 5　版面配置 - Layout 
从在方格纸上配置元素开始 
赋予元素先后顺序后再加以配置 
用新的元素取代旧的元素 
时时谨记元素皆包含于方框（box）中 
制作什么都没有的「空」信息 
想象浮在游泳池水面上的四方形垫子 
将信息群组化以统整出信息块 
网格线系统配置的优美与否，由流向线决定 
想提升视觉效果，就旋转元素 
将各元素当成面板来组织页面 
本章内容总复习
	
	
		专有名词解说 
后记
	
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/b9de08423eb569d1.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/8aaecfe302ca8704.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/4374566d1c2be201.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/f1d3c1343956ddc4.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/dd0a97e1a33a5081.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/9f5a1e51170b5e37.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/b5150a9c91fc3bd5.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/d76edaada0ff8af1.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/999cdc47bcce96aa.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/f4b8e8df17c54ee6.jpg" />
	</center>
	<center>
		<img style="margin-top:30px;" src="http://www.junjiesd.com//images/goods/20120418/d9af8e840b139fa8.jpg" />
	</center>
</div>