软件开发界面设计 ui界面设计 - 电脑知识 - 【三明电脑网】_三明电脑维修_三明笔记本电脑维修_监控安装_市区上门维修

全国统一24小时服务热线:400-0000-000400-0000-000  / 1399000000

当前位置:首页 > 电脑知识 > 正文

软件开发界面设计 ui界面设计

发布日期:2020-12-03

摘要:关于软件界面设计的问题开发好了软件,如何来设计一个漂亮的界面呢 专门的开发工具,如Java机专用Java开发, Android手机软件开发工具SDK软件开发包,具体如果你想了解SDK可以查看 塞班...

软件开发界面设计

关于软件界面设计的问题开发好了软件,如何来设计一个漂亮的界面呢...

专门的开发工具,如Java机专用Java开发, Android手机软件开发工具SDK软件开发包,具体如果你想了解SDK可以查看 塞班用的是 : c++ symbian gui,java S60手机开发平台构建-塞班9.2+Carbide.c++ 下载了必需的软件之后就是安装与调试过程了(注意所有软件安装在同一盘符下): 1、要先安装ActivePerl-5.6.1.X,然后安装JRE,因为我同时在学习JAVA所以安装的是JDK(包含JRE),需要设置一些环境变量。

不知道JRE需要不,如果有问题上网查一下环境变量设置一下就好了。

2、安装IDE,这里安装的是Carbide.c++。

注意在开始菜单里有一个configure environment for winscw command line 的小程序,如果调试失败,试试它也许会解决问题。

我开始是先安装的SDK,调试正常;安装完IDE后出现问题,运行这个小程序后问题就没有了,不知道是不是和安装顺序有关系,很多人写的是先安装IDE,这里也先这么写吧。

那个程序好像和环境变量之类有点关系,细节的我也不懂就不多想了,呵呵。

软件开发需要什么样的美工

通常,软件美工是做平面设计出身的,这是业内和业外的共识。

大家也想当然地认为美工做的是美术设计工作,不需要懂软件本身用到的技术——另外,与此相伴的就是,对于程序员缺乏可用性观念和审美情趣,虽然痛心疾首,但同样习以为常。

在程序员和美工之间通常难以存在高效的沟通。

相对好一点的情况是,开发团队运用科学的管理手段进行管理,如果人员数量能得到保证,项目管理人员、交互设计师可以作为程序员和美工之间的桥。

但这也只是从工程管理的角度来看相对好一点而已。

这种桥式接口毕竟只是桥,不是路。

从我自己这些年来跟一些美工合作过的经历来看,我认为沟通出现困难的根源在于,软件开发过程中需要的美工,决不能是纯粹的平面设计美工!因为他们的工作,不是设计海报、广告、宣传画,而是设计软件界面;不仅要考虑美观性和可用性,还要考虑是否“是”个软件界面,考虑其可实现性;软件美工,最后交出来的活,应该是交互设计师给出的软件界面上各元素独立的形象设计——可以由程序员不需要再做“副美工”的加工就能在程序中直接拿来构造出界面的资源,而不是给一张像海报一样的设计图,整个界面的效果图全在一张没有层的 JPEG 或 PNG 或其它格式的像素图中,要程序员再从里面抠出按钮、输入框等部件。

事实上传统的平面设计美工在设计和制作软件界面效果图的过程倒恰好跟程序员的需求有些对路。

使用诸如 PhotoShop 之类的专业图像处理软件,必然涉及到层的操作。

他们通常在不同的层里处理界面中不同部分,逐渐“组合”起来出现最后的效果。

譬如整个窗体的背景图是一个层,非客户区(标题条、边框、缩放把手)是一个层,别的层里做好按钮、图标、输入框等效果,最后组合成一张图。

其实,这些分立的部件(或者说 PSD 文件也可以,不过程序员通常还是不要拿到这个来自己搞为妙),对程序员来说比那张最终效果的 JPEG 更重要。

在正规的项目里,因为开发过程和团队都相对完备,所以美工可能会在经验丰富的组长管理之下把这些事情做好。

然而我们(尤其指像我这种情况的非正式软件开发者)可能不具备组建一个完备团队的条件。

于是就会遇到这样一种情况:美工辛辛苦苦熬了几个夜,终于做出了漂亮的界面设计图,兴高采烈地交给程序员,可怜的业余程序员傻了眼——图虽然好看,但还要做不少额外工作才能用在程序中,甚至根本没法用。

基于窗体的程序还好一些,最郁闷的是网页。

很多美工用 PhotoShop 设计网页效果,然后用内置的切割和导出工具直接输出成 HTML,这样看似不错,但实际很糟糕。

页面被切成大大小小十几个 用 absolute 方式定位的 DIV,每个大小和位置几乎难以调整,动一下就会在别的位置出现糟糕的空白,还有一堆无用的细长条 DIV 纯粹就是切割的时候出现的占位块。

纯静态的 HTML 还好一些,如果内容是动态填充的,可能哪里多几个字符就会破坏布局,或者把显示的内容裁剪掉一部分。

如果是内容管理系统,页面区块可以用户控制的,那可就彻底乱套了。

因此,非常有必要细化出“软件界面美工”这样专门的角色,甚至有必要在高校艺术设计类专业里增设类似的课程。

他们不需要了解一个 GUI 程序从启动到推出的窗口消息是怎么路由的,不需要知道网站后台如何生成页面传送给浏览器,但是,应当有一定的简单 GUI 程序开发经历,要手写过 HTML 页面,知道 CSS 是怎么用的,也就是说能够理解程序和艺术数据之间如何契合,程序展现界面时需要什么形式、什么组织结构、什么格式的美工作品。

当然,作为程序员这个想法还是有点自私的:让学艺术的人来理解和计算机代码相关的东西,似乎不太人性化。

不过,软件界面毕竟不是纯粹的艺术品,软件美工也不可能是纯粹的艺术家,对吧?

想学很软件开发和网页制作有关的专业?

一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。

使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。

页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。

FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。

向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。

在更新服务器上的站点时,不需要创建更改文件的目录。

FrontPage会为你跟踪文件并拷贝那些新版本文件。

FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。

②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。

如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。

你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage 2000还有些像?但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。

如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。

如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。

③Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。

如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。

Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。

④Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。

这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。

而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。

不过界面设计过于粗糙,对Image Map图像的处理也不完全。

二、中级网页制作软件 如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。

①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。

同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。

这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。

这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。

DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。

Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。

而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。

它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片! ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。

它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。

#{6FLASH6}#可以用其生成动画,还可在网页中加入声音。

这样你就能生成多媒体的图形和界面,而使文件的体积却很小。

FLASH虽然不可以像一门语言一样进行编程,但用其内置的语句并结合JavaScripe,您也可做出互动性很强的主页来。

有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!我相信这句话没错! ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。

HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。

这点非常...

UI设计需要学习那些软件

UI设计需要学习的软件分为4款,分别有PS,AI,AE,ARP,外加两个辅助插件如思维导图, 马克鳗等软件,这些都是一名UI设计必需要掌握好的软件。

Adobe Photoshop CC 2018简称PSCC2018Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。

2018年12月推出的Adobe PhotoshopCC2018为市场最新版本。

PS可以用来从事,平面设计,网页设计,UI设计等多种设计工作。

在UI设计中PS的使用率在90%以上,所以作为一个合格的UI设计师。

PS是肯定得掌握的。

PS可以在UI设计中,绘制界面设计,图标设计等。

Adobe Illustrator CC 2018简称AICC2018Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的矢量图形处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等2017年12月推出的Adobe illustratorCC2018为市场最新版本。

AI可以用来从事,平面设计,网页设计,UI设计等多种设计工作。

在UI设计中AI的使用率也是非常高的,主要可以用来绘制图标,界面等设计。

Adobe After Effects CC 2018简称AECC2018Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。

属于层类型后期软件。

2017年12月推出的Adobe After Effects CC2018为市场最新版本。

AE可以用来从事影视后期, 平面设计,UI设计等多种设计工作。

在UI设计中PS主要用制作交互动效图。

Axure RP Pro 7.0简称ARPAxure RP是一个专业的快速原型设计工具。

Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。

在UI设计中ARP主要用制作交互原型图。

Mindjet MindManager简称思维导图MindManager,中文商标译作C,俗称“脑图”,又叫“心智图”,是一款创造、管理和交流思想的通用标准的绘图软件,由美国Mindjet公司开发,界面可视化,有着直观、友好的用户界面和丰富的功能。

在UI设计中主要用来整理交互逻辑思维层。

Mark Man简称马克鳗在UI设计中主要用来标注设计稿尺寸的软件。

最后也补一句,软件只是一个工具,千万不要觉得会了软件就会了设计,不要太依靠软件了,会了工具后还要学习理论知识才能成为一个合格的设计师。

今天分享就到这里更多UI设计干货内容关注我的主页。

如果大家觉得对大家有所帮助记得帮小编点赞和收藏哦。

谢谢大家啦!

UI设计 在软件开发的哪个阶段

UI属于前期设计规划部分,是开发的前面的工作。

但是也有特殊情况。

如果公司是以软件开发实现功能为主的,也有把UI放在开发之后进行的。

等于是对界面皮肤的优化。

不过如果要做产品,最科学的还是先做需求分析调研,做需求,做交互,做UI设计和其他美术设计,最后再进行开发,测试。

做软件界面有什么比较好的开发平台?

比较好的界面开发平台,我给你推荐Directui,国外如微软,国内如腾讯、百度等公司的客户端产品多 采用这种方式来组织界面。

DirectUI是一款强大的界面开发工具,可以将用户界面和处理逻辑彻底分离,极大地提高用户界面的开 发效率。

提供所见即所得的开发工具DirectUI Builder。

使用DirectUI后将使得我们的设计人员彻底解放, 不会受到开发的束缚,可以充分地发挥其设计能力来设计软件界面,并参与到用户界面开发过程中。

DirectUI支持多种开发语言及平台,比如VC,VB,C#,Delphi,C++Builder,PowerBuilder等等。

上一篇:电脑测谎仪软件免费下载 测谎仪软件

下一篇:word目录不要三级标题 word目录三级标题缩进