邓双的专栏

界面原型设计Mockups  是一个 手绘风格的、轻量级的 制作“界面原型”的  小软件。  - 快——它能让我以最快的速度把界面原型画出来。  - 手绘风格——用它画出来的界面是不折不扣手绘风格，很酷。手绘风格看上去有些“不正经”？不太好看？恰恰相反，在原型阶段，手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上，这样你就不会听到客户说“这个按钮的颜色我不

Photoshop操作

Photoshop的工具应用1

Axure RP的功能

设计时，注意分组和分层，也注意其命名规范。用图层组管理网页元素 首先是在Photoshop中制作好网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的

经过这4天的学习，对photoShop设计网页有了一点点的概念了，和之前学习前端时，对设计的理解有了很大的反差。（之前以为是大家一起讨论制作思路，一起来找素材，一起构建框架，一起用代码把效果页面等实现）。而现在是由产品部先设计出原型；再由设计部进行优化，创新；最后由技术部进行代码编程。这四天中每天都在页面设计，每天都在挣扎中度过。要用心学习，沉着，冷静。把写前端时的思想带入到设计中，两者结

超链接的使用：1、先选中该切片块，再单击右键，选择编辑该切片块；2、在URL栏中写要链接的路径；在目标栏中不写 ，则代表是在该窗口打开新网页，若写上 _blank,则代表在新窗口打开新网页；信息文本栏中   代表鼠标移上去后状态栏显示的注释；Alt标记栏中   代表当图片无法正常显示时，替代的文字。隐藏切片： ctrl+h删除所有的切片：视图   清除所有切片

切片工具的功能：1、是最直白的网页布局方法，不用再想如何去设计表格；2、可以有效地减小页面文件的大小，提高浏览者浏览页面的体验。切片原则：1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分；2、对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来，要单独切出来；3、在用代码生成时，如果能用背景颜色代替的就用背景