做网页设计，UI设计主要用到的软件有哪些？

[alanerzhao]

相关的教程书籍貌似不好找特别是photoshop网页设计，
大家有推荐的书籍或者比较的好网站，麻烦推荐一下。谢谢大家！

[avatasia]

开始 运行 输入notepad回车

输入mspaint回车

[zern]

为什么不用AI。。。

[xhslyf]

@zern AI我没有用过，只知道它用来画矢量图，用AI画网页设计图也不错的？

[zern]

@xhslyf 我看国外的很多图标基本都是AI的。。
国内很多是PS的
差距啊

[bearcolin]

@zern 为啥用Ps会比用Ai的有差距?Ai的强项还是在矢量插画方面。对于UI这种像素级的绘制明显不如Ps有优势。麻烦你看看dribbble.com上面的UI设计，基本都是用Ps做的。说实话哪怕是Fireworks在UI上都比Ai有优势。

[zern]

@bearcolin 不敢苟同~~呵呵
但是也许这种东西就是个人习惯不同。

我还是推荐AI。。。
--
哈哈

[bearcolin]

@zern 当然工具不是绝对因素，关键还是看人的习惯与手法。不过如果你是做UI的而且还是用Ai，那我真要膜拜一下了……

[zern]

@bearcolin 可以看一下这篇文章
http://www.firewheeldesign.com/sparkplug/2006/April/icon_design_bitmap_vs_vector.php

主要看评论。
--
其实优缺点都有，只不过矢量的优点相对会更多

[bearcolin]

@zern 看了，我之前就设想过你的立场，在画icon这方面的确Ai的工具会更灵活地实现复杂的矢量图形创作，并且可以无损放大。但是UI可不仅仅只有画icon这一块，甚至说画icon在UI设计里只占很小的比重。况且要让Ai画的icon能同时适应多个尺寸在实际运用中几乎是不可能的，icon大到一定程度你就肯定会往里面加细节，而小到极限又肯定需要精简元素。所以指望画一个icon能平滑适应所有尺寸几乎是不现实的，当然走极简风的类似Windows Phone里那样的icon或许可以，但那也只是个极端情况。真正好的UI设计里每个icon都会精细地修正不同尺寸下的每个像素，并不是简单地放大缩小就可以，你发的文章里也提到了，毕竟我们的显示器是基于像素点来显示图像的。

[zern]

@bearcolin 是啊。。。但是优缺点我觉得可以结合嘛。。呵呵
合理利用工具啊

[yetone]

都视网膜屏幕时代了，还不用矢量图，真是没救了！

[bearcolin]

@yetone 期待看到你视网膜屏幕时代的矢量UI设计图。

[bearcolin]

@zern 是的，但是我觉得作为UI设计工具，除非是专职画icon的，更多的人还是应该把Ps或Fw之类的能以像素为单位绘制，并且有丰富图层样式/滤镜，强大的图层/图层复合管理系统，支援多种显示终端导出多种不同格式、质量的效果图/切片图的工具作为主力设计工具。
即便是专职画icon的，最终输出图片的时候大都还是要导到Ps或Fw里做最后的润色、像素修正以及导出图片质量格式设定等步骤的。

[segofly]

Fireworks好用

[aerotian]

同意@bearcolin的观点。
就我个人和身边的工作环境来说，界面设计中应用PS或FW的频率要比AI多得多，做整套品牌视觉的时候才会大量运用AI。首先界面是要精确到像素的，其次PS的图层管理和细节优化是AI所不擅长的，而且不同尺寸的icon都是要分别优化才好，所以不论是icon绘制还是整体界面设计，PS要实用的多，业内习惯也是如此。

@zern 在使用软件的习惯和工作方式上大家肯定是各有偏好，但不同的软件侧重不同，用AI就比PS高端，这种论点是站不住脚滴。

[aerotian]

@yetone 难道您觉着做界面设计都是用矢量图，不同分辨率缩放一下就行了？

[Hyperion]

@segofly 泪目... 终于看到给FW带小红花的筒子了...

[911]

经验告诉我，PS和AI是互补软件，应该结合场景相互配合使用，不同尺寸的icon仅靠矢量的简单缩放在某些场景下不足以表现像素级别或复杂设计，当然表现风格是决定你使用的工具与实现方式的主要因素。

[Air_Mu]

FIREBUG。 从别的网站发现好的设计果断右键审查元素

然后果断“致敬”。

这不就是国内最拉风的设计么~