GUI Design Studio小技巧: 设计自己喜爱的小图标

原创|使用教程|编辑:郝浩|2014-05-21 15:10:13.000|阅读 1432 次

概述:GUI Design Studio是一款无需编码、使用简单的用户界面及软件快速原型设计工具,其自带的Icon Express控件可用来设计和修改图标样式。本文以图文的形式介绍了自定义创建新的图标的方法,使你对GUI Design Studio的图标库和Icon Express控件有更深的认识。

# 项目交付用正版,省下一台Iphone12 # # 31款JAVA开发必备控件和工具 #

GUI Design Studio是一款无需编码、使用简单的用户界面软件快速原型设计工具,它拥有庞大的模板库,所有界面的元素和行动都可以通过拖动模板,再自定义属性来实现。这其中,图标库更是一个亮点,GUI Design Studio自带上百个常见的图标文件(.ico后缀),这些都是以前设计网页界面的经典元素。不仅如此,GUI Design Studio为了满足更多样化的图标设计需求,还包含了一个名为Icon Express的控件,这个控件是专门用来设计和修改图标样式的,不仅支持.ico后缀的图标文件,还支持导入多种格式(PNG等)的图片文件。为了满足不同的需求,Icon Express中的图标分辨率可从最小的16*16延伸到127*127,色彩数量可从黑白色延伸到32位真彩色。所以,无论是几十像素的小图标还是数以万计像素的高仿真图标都可以被设计出来作为界面元素使用。现在,我们就学着来设计自己喜欢的小图标吧。

1.打开GUI Design Studio软件,在最右侧的菜单中找到并点击“Icons”,就进入了图标库频道,在右上方原型设计下有4个文件夹,里面包含的是GUI Design Studio中自带的图标,这些图标大多都是16*16的简单图标。

尺寸和颜色

图标常见尺寸及色彩配置

2.点击右上方“New Folder”,创建新图标目录文件夹,并输入文件夹名字。

3.点击正上方“Project”菜单选择“New Icon”,创建新的图标,设置图标文件名称、尺寸以及色彩配置。

创建新的图标文件

4.在创建图标文件完毕后,自动进入Icon Express。Icon Express的右侧是绘图工具和调色板,其图像绘制工具与windows的位图图画本基本相同,此外,还拥有交替色交替色工具绘制工具

Icon Express绘图板

5.你可以选择绘图工具进行自由的图像原创,另外一种更加快捷的方式是将其它不错的图案复制过来进行编辑:用Photoshop打开你需要的图像,用选择工具选择你想要复制的区域,点击ctrl+c复制,再在Icon Express里点击ctrl+v粘贴,你要的图案便轻松复制过来了。

作为ICON模板的图像和原图的对比
作为ICON模板的图像和原图的对比

6.点击Icon Express中的“Save as”,将处理编辑好后的图标保存在前面新建的文件夹内。然后你就可以在该文件目录下找到保存的新图标了。这个新图标可以在需要的时候随时拖拽出来使用。

新文件目录下的新图标

更多信息:

GUI Design Studio产品中文介绍>>

Icon Express产品中文介绍>>

GUI Design Studio免费下载>>



标签:界面设计图标原型设计

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:慧都控件

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
GUI Design Studio

零编码,拖放式的用户界面及软件快速原型设计工具

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat