开发界面设计

平面设计主要学习如报纸广告、喷绘写真、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等，这些都属于平面设计的范畴。APP UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。界面设计，在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。

　　安装windowbuilder插件即可首先,需要知道自己的Eclipse是什么版本的.可以到Eclipse的安装目录下用记事本打开.eclipseproduct文件,version后面对应的就是版本号.打开该插件下载地址,里面有Update Sites,下面有Eclipse Version,Release Version,Integration Version栏目.选择对应版本的link.复制URL地址.打开Eclipse,选择Help→Install New Software,在work with里面把得到的URL复制进去.勾选所有,点击Next安装就好了.是已经安装过的,所以按钮是灰色的。然后新建项目,New→Project→WindowBuilder→SWT Designer→SWT/JFace Java Project然后建立一个包，在建类的时候选择New→Other，选择WindowBuilder→Swing Designer→Application Window.类建好之后点击Design就可以进行可视化编辑了。

　　Eclipse开发环境下Java可视化编程。　　首先打开eclipse　　Help→Instal New Software　　在Work with输入　　http://download.eclipse.org/windowbuilder/WB/release/R201506241200-1/4.4/　　这里把4.4改成你自己的eclipse版本号，如果搜索不到适合版本的，再选择4.4版本　　将下方出现的全部安装。　　等安装完成后，要重启eclipse。　　启动eclipse　　在包名上右键→New→Other→WindowBuilder　　该文件夹下，就是实现可视化编程功能　　然后输入类名，完成创建。　　创建完成会直接出现基本代码　　在代码最下，有两个按键　　Source就是当前页面的代码　　Design就是可视化编程设计界面　　点击Design后，稍等一会。　　当出现设计界面，就可以设计图形界面了。　　原文：http://blog.csdn.net/dkbnull/article/details/48368913

现在基本将UI和软件代码编写分开来了，一个软件的实现是由UI设计和软件开发两个部分组成。UI设计是软件的界面及人机交互体验的设计，软件开发主要是针对代码的编写。软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程。软件开发是一项包括需求捕捉、需求分析、设计、实现和测试的系统工程。软件一般是用某种程序设计语言来实现的。通常采用软件开发工具可以进行开发。软件分为系统软件和应用软件，并不只是包括可以在计算机上运行的程序，与这些程序相关的文件一般也被认为是软件的一部分。 软件设计思路和方法的一般过程，包括设计软件的功能和实现的算法和方法、软件的总体结构设计和模块设计、编程和调试、程序联调和测试以及编写、提交程序。UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计包括：GUI（图形界面设计）、UE（用户体验）、ID（交互设计）。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。

这个完全要看自己的基础和爱好，如果是学美术或者设计出身当然是学洗UI要好一些，但是如果是学习计算机或者编程出身就学习前端要好一些。首先说一下两个岗位的联系和区别现在网站前端工程师和美工是两个完全不同的职位，两者的工作内容也是完全不同的。从2013年开始，一些的中小型的公司也开始将网站前端和美工分离，到目前，基本所有的专业的开发网站的公司都是设置了网站美工和网站前端两职位，其工作内容和职责是完全不同的。首先说一下开发一个网站的大致流程：客户提出需求——>网站美工根据客户的需求设计效果图并得到客户的认可——>网站前端工程师使用前端代码将效果图做成静态的网页——>后台开发人员填充后台数据——>测试完成上线。根据以上的流程应该可以知道美工和前端的工作分工是不同，现在两者没有任何交集只是团队合作，具体的职责和内容如下：1、网站美工网站美工一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和界面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计界面风格等，其工作的最后成果就是网站的效果图。2、网站前端工程师网站前端工程师不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用html、css、js等代码进行网页的制作，最终编写出符合w3c标准的兼容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台数据的接口。所以说网站前端工程师的是编程而不是设计。

　　安装windowbuilder插件即可　　首先,需要知道自己的Eclipse是什么版本的.可以到Eclipse的安装目录下用记事本打开.eclipseproduct文件,version后面对应的就是版本号.　　打开http://eclipse.org/windowbuilder/download.php,里面有Update Sites,下面有Eclipse Version,Release Version,Integration Version栏目.选择对应版本的link.复制URL地址.　　打开Eclipse,选择Help→Install New Software,在work with里面把得到的URL复制进去.勾选所有,点击Next安装就好了.是已经安装过的,所以按钮是灰色的。　　然后新建项目,New→Project→WindowBuilder→SWT Designer→SWT/JFace Java Project　　然后建立一个包，在建类的时候选择New→Other，选择WindowBuilder→Swing Designer→Application Window.类建好之后点击Design就可以进行可视化编辑了。