做网页设计,UI设计主要用到的软件有哪些? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alanerzhao
V2EX    问与答

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

  •  
  •   alanerzhao 2012-06-19 23:26:01 +08:00 5295 次点击
    这是一个创建于 4915 天前的主题,其中的信息可能已经有所发展或是发生改变。
    相关的教程书籍貌似不好找特别是photoshop网页设计,
    大家有推荐的书籍或者比较的好网站,麻烦推荐一下。谢谢大家!
    19 条回复    1970-01-01 08:00:00 +08:00
    avatasia
        1
    avatasia  
       2012-06-19 23:26:55 +08:00
    开始 运行 输入notepad回车

    输入mspaint回车
    zern
        2
    zern  
       2012-06-19 23:36:02 +08:00
    为什么不用AI。。。
    YFZZ
        3
    YFZZ  
    PRO
       2012-06-19 23:48:42 +08:00
    @zern AI我没有用过,只知道它用来画矢量图,用AI画网页设计图也不错的?
    zern
        4
    zern  
       2012-06-20 00:03:16 +08:00
    @xhslyf 我看国外的很多图标基本都是AI的。。
    国内很多是PS的
    差距啊
    bearcolin
        5
    bearcolin  
       2012-06-20 00:17:33 +08:00
    @zern 为啥用Ps会比用Ai的有差距?Ai的强项还是在矢量插画方面。对于UI这种像素级的绘制明显不如Ps有优势。麻烦你看看dribbble.com上面的UI设计,基本都是用Ps做的。说实话哪怕是Fireworks在UI上都比Ai有优势。
    zern
        6
    zern  
       2012-06-20 00:21:33 +08:00
    @bearcolin 不敢苟同~~呵呵
    但是也许这种东西就是个人习惯不同。

    我还是推荐AI。。。
    --
    哈哈
    bearcolin
        7
    bearcolin  
       2012-06-20 00:29:50 +08:00
    @zern 当然工具不是绝对因素,关键还是看人的习惯与手法。不过如果你是做UI的而且还是用Ai,那我真要膜拜一下了……
    zern
        8
    zern  
       2012-06-20 00:31:16 +08:00
    @bearcolin 可以看一下这篇文章
    http://www.firewheeldesign.com/sparkplug/2006/April/icon_design_bitmap_vs_vector.php

    主要看评论。
    --
    其实优缺点都有,只不过矢量的优点相对会更多
    bearcolin
        9
    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
        10
    zern  
       2012-06-20 00:43:38 +08:00
    @bearcolin 是啊。。。但是优缺点我觉得可以结合嘛。。呵呵
    合理利用工具啊
    yetone
        11
    yetone  
       2012-06-20 01:40:11 +08:00
    都视网膜屏幕时代了,还不用矢量图,真是没救了!
    bearcolin
        12
    bearcolin  
       2012-06-20 03:20:04 +08:00
    @yetone 期待看到你视网膜屏幕时代的矢量UI设计图。
    bearcolin
        13
    bearcolin  
       2012-06-20 03:31:00 +08:00
    @zern 是的,但是我觉得作为UI设计工具,除非是专职画icon的,更多的人还是应该把Ps或Fw之类的能以像素为单位绘制,并且有丰富图层样式/滤镜,强大的图层/图层复合管理系统,支援多种显示终端导出多种不同格式、质量的效果图/切片图的工具作为主力设计工具。
    即便是专职画icon的,最终输出图片的时候大都还是要导到Ps或Fw里做最后的润色、像素修正以及导出图片质量格式设定等步骤的。
    segofly
        14
    segofly  
       2012-06-20 03:47:04 +08:00
    Fireworks好用
    aerotian
        15
    aerotian  
       2012-06-20 20:58:35 +08:00
    同意@bearcolin的观点。
    就我个人和身边的工作环境来说,界面设计中应用PS或FW的频率要比AI多得多,做整套品牌视觉的时候才会大量运用AI。首先界面是要精确到像素的,其次PS的图层管理和细节优化是AI所不擅长的,而且不同尺寸的icon都是要分别优化才好,所以不论是icon绘制还是整体界面设计,PS要实用的多,业内习惯也是如此。

    @zern 在使用软件的习惯和工作方式上大家肯定是各有偏好,但不同的软件侧重不同,用AI就比PS高端,这种论点是站不住脚滴。
    aerotian
        16
    aerotian  
       2012-06-20 21:00:23 +08:00
    @yetone 难道您觉着做界面设计都是用矢量图,不同分辨率缩放一下就行了?
    Hyperion
        17
    Hyperion  
       2012-06-20 21:20:30 +08:00
    @segofly 泪目... 终于看到给FW带小红花的筒子了...
    911
        18
    911  
       2012-06-20 21:36:10 +08:00
    经验告诉我,PS和AI是互补软件,应该结合场景相互配合使用,不同尺寸的icon仅靠矢量的简单缩放在某些场景下不足以表现像素级别或复杂设计,当然表现风格是决定你使用的工具与实现方式的主要因素。
    Air_Mu
        19
    Air_Mu  
       2012-06-20 21:40:25 +08:00
    FIREBUG。 从别的网站发现好的设计果断右键审查元素

    然后果断“致敬”。

    这不就是国内最拉风的设计么~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1007 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 22:44 PVG 06:44 LAX 14:44 JFK 17:44
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86