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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 4574 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

网页

设计

书籍

19 条回复 • 1970-01-01 08:00:00 +08:00

avatasia

2012-06-19 23:26:55 +08:00

开始运行输入notepad回车

输入mspaint回车

zern

2012-06-19 23:36:02 +08:00

为什么不用AI。。。

xhslyf

2012-06-19 23:48:42 +08:00

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

zern

2012-06-20 00:03:16 +08:00

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

bearcolin

2012-06-20 00:17:33 +08:00

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

zern

2012-06-20 00:21:33 +08:00

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

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

bearcolin

2012-06-20 00:29:50 +08:00

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

zern

2012-06-20 00:31:16 +08:00

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

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

bearcolin

2012-06-20 00:40:14 +08:00

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

zern

2012-06-20 00:43:38 +08:00

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

yetone

2012-06-20 01:40:11 +08:00

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

bearcolin

2012-06-20 03:20:04 +08:00

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

bearcolin

2012-06-20 03:31:00 +08:00

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

segofly

2012-06-20 03:47:04 +08:00

Fireworks好用

aerotian

2012-06-20 20:58:35 +08:00

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

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

aerotian

2012-06-20 21:00:23 +08:00

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

Hyperion

2012-06-20 21:20:30 +08:00

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

911

2012-06-20 21:36:10 +08:00

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

Air_Mu

2012-06-20 21:40:25 +08:00

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

然后果断“致敬”。

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