网页中使用的图像可以是JPEG、GIF、PNG、BMP、TIFF等格式的图像文件，美观的图片会为网站添加新的活力。给用户带来更直观的感受。但是网页上的图片如果过多，也会影响网站的浏览速度，所以要合理适当的使用图像。 JPEG/JPG是网页设计中常见的图像格式，它支持数百万种颜色，因此最适合数码图片，具有颜色过渡的图像和任何需要256种以上颜色的图像。 GIF是网页中最常用的图像格式，它最多可以包含256中颜色，同时还可以包含一块透明的区域和多个动画帧，因此GIF格式通常适用于卡通，徽标，包含透明区域的图形以及动画，一般网站的标志都是用GIF格式。GIF格式最大的优点就是可以制作动态的图像，它可以将数张静态图片作为动画帧串联起来，转换成一个动画文件。GIF的另一个格式的优点就是可以将图片以交错的方式在网页中显示，所谓交错显示就是指当图片尚未下载完成时，浏览器就会先以马赛克的形式将图片慢慢显示，让浏览者可以大概猜出显示图片的雏形，此时浏览者可以选择要不要继续等待下载此图片，还是先去浏览其他网页。 PNG是网页中的通用格式，最多可以支持32位的颜色，可以包含透明度或ALPHA通道，同时它也是网页制作的默认文件格式，但是其中包含的特定附加信息，如果没有插件支持，浏览器可能无法正常显示这种格式的图片。 BMP文件格式是Windows环境中交换与图有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。由于BMP它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BblP文件所占用的空间很大。所以网页中不能过多使用此格式，否则会严重影响网站浏览速度。 1.JPG格式比较适合用来存储照片。颜色丰富，压缩比高，文件尺寸较小。 2.GIF格式可以用来做动画。颜色种类少，256种，尺寸小。 3.PNG可以用来做小图标（icons），按钮，背景等等。因为包含alpha通道，所以支持图片透明。
一、选取icon制作工具; 最受图标设计界牛人们推崇的专业icon/ico图标制作软件——Axialis IconWorkshop。 二、确立icon制作题材; 软件图标是软件的形象代言人，想让用户一眼就注意到你的图标，并能通过图标迅速理解此软件的实际作用，这就要求icon图标必须直观、特色，初学者得自己先了解相关应用的精髓才好。 三、选择icon制作图标风格; 一般来说，icon图标有三种表达方式：图像表现、文字表现、图文结合表现。接下来我们开始本文的重头戏——如何使用专业图标制作工具进行icon制作。 1、纯图像icon制作方法。 打开 IconWorkshop，初学者可通过三种方式获得icon图像素材——从IconWorkshop外部导入你自己准备的本地图像素材、挑选IconWorkshop管理器内提供的免费图像素材、在IconWorkshop面板内自行绘制icon图像(PS如果你的绘图能力不算强，我推荐你使用前两种方法)。 图像在 IconWorkshop内打开之后，开始具体的icon图标制作，完成后保存icon格式图标，纯图像icon图标制作成果： 图像选择贴切，像上图中的光碟和耳麦图像，用户一看就能明白这是影音播放器了~ 2、纯文字icon制作方法。 文字简洁明了，直接告诉你它是谁，是展现图标意义最直观的方法。进行纯文字icon 制作，首先要准备纯文字的图片素材，或者在IconWorkshop图像编辑面板内使用添加文本(快捷键Ctrl+T)功能，输入相关文字，接着由图像新建Macintosh图标，完成后保存icon格式图标，纯文字icon图标制作成果： 3、图文结合icon制作方法。 图文结合的图标很生动，既展示了软件具体形象，又含有直观的文字表达，但是制作起来就稍微困难了那么一点，初学者需要把握住图文组合尺度。 同样的，三种方法!打开IconWorkshop，准备好图文结合的png图像素材直接制作icon
竭诚为您提供优质文档/双击可除ui,icon的基本规范 篇一：ui设计规范 命名规则 模块_类别_功能_状 态.pngnav_button_search_default.png导航_按钮_搜索_默认.png search搜索bg背景selected按钮状态（选中） button按钮nav导航栏disabled按钮状态（不可点击）tab菜单栏icon图标default按钮状态（默认） bg背景personaltada个人资料presses按钮状态（按下） user用户pop弹出back返回 refresh刷新delete删除eidt编辑 image图片download下载content内容 banner广告login登陆leftrightcenter左右中 registered注册title标题msg提示信息 link链接note注释logo标志 icon制作：
ios120px：icon_120@2x.png 80px:icon_small_40@2x.png 58px:icon_small@2x.png 114px:icon@2x.png android：36*36px：drawable-ldpi 48*48px：drawable-mdpi 72*72px：drawable-hdpi 96*96px：drawable-xhdpi android安卓系统dp/sp/px换算 名称分辨率比率rate（320px）比率rate（640px）idpi240*3200.750.375 mdpi320*48010.5 hdpi480*8001.50.75 xhdpi720*8002.251.125 xxhdpi1080*19203.3751.6875 android的图标尺寸 屏幕尺寸启动图标操作栏上下文 320*480px48*48px32*32px16*16px 480*800px 480*854px72*72px48*48px24*24px640*960px 720*1280px48*48dp32*32dp16*16dp 1080*1920xx4*144px96*96px48*48px
https://www.doczj.com/doc/1411079688.html,
Course Number Updated_01-02-01
? 2001, Cisco Systems, Inc.
1
Icons: Cisco Products
RouterColor and subdued Router w/Silicon Switch Wavelength Router Workgroup Director Server with PC Router 100BaseT Hub uBR910 Cable DSU CDDI/ FDDI Concentrator PC Adapter Card
Si
SwitchProbe
SoftwareBased Router on File Server
Protocol Translator
PC Router Card
TransPath
CiscoWorks Workstation
Cisco Hub
Bridge Workgroup Switch Color/Subdued
Small Hub (10BaseT Hub)
Access Server
NetFlow Router
Workgroup Switch Voice-Enabled
Terminal Server
Updated_01-02-01
? 2001, Cisco Systems, Inc.
2
Icons: Cisco Products (Cont.)
Si
Route/Switch Processor with and without Si
PC with RouterBased Software Switch Processor IP Transport Concentrator ASIC Processor General Processor
PC with Software
ATM Switch
Cisco CA
PXF
LAN2LAN Switch
MicroWeb Server
VIP
ISDN Switch
Label Switch Router BBSM
Content Engine
Cisco 5500 Family Broadband Router
MultiSwitch Device
ATA
V
Management Engine (ME 1100)
ITP
ITP
3
Updated_01-02-01
? 2001, Cisco Systems, Inc.
Iphone4 上一篇下一篇 iPhone4图标路径大全 创建时间：2012年5月13日(星期天) 下午5:33 | 分类：未分类| 字数：11405 | 发送到我的Qzone | 另存为... | 打印| 添加到日历 iPhone4图标路径大全 Phone 电话/Applications/MobilePhone.app/icon.png Text 短消息/Applications/MobileSMS.app/icon.png iPod iPod播放器/Applications/MobileMusicPlayer.app/icon-MediaPlayer.png iTunes Music Store 音乐商店/Applications/MobileStore.app/icon.png Calculator 计算器/Applications/Calculator.app/icon.png Calendar
日历/Applications/MobileCal.app/icon.png Camera 相机/Applications/MobileSlideShow.app/icon-Camera.png Clock 时钟/Applications/MobileTimer.app/icon.png Cydia /private/var/stash/Applications/Cydia.app/icon.png Mail 电子邮件/Applications/MobileMail.app/icon.png Notes 记事本/Applications/MobileNotes.app/icon.png Maps Google地图/Applications/Maps.app/icon.png Photos 相册/Applications/MobileSlideShow.app/icon-Photos.png Safari 网页浏览器/Applications/MobileSafari.app/icon.png Settings 设置/Applications/Preferences.app/icon.png Stocks 股票/Applications/Stocks.app/icon.png Weather
最好的12个Icon图标资源网站整理分享出来 1.除了Icon以外，还有很多不错的UI设计素材。 地址：https://www.doczj.com/doc/1411079688.html,/ 2.除了免费Icon资源下载以外，还提供Icon定制的付费服务。 地址：https://www.doczj.com/doc/1411079688.html,/ 3.很喜欢这个icon资源站的展示方式。 地址：https://www.doczj.com/doc/1411079688.html,/ 4.Icones.pro，icon资源站，每日推荐的Icon资源还不错，可以按照浏览数，下载数等查看Icon资源。 地址：http://icones.pro/ 5.IconPNG 共收录 21372 个图标icons 和 416 个 icon 图标系列。 地址：https://www.doczj.com/doc/1411079688.html,/ https://www.doczj.com/doc/1411079688.html,就是一个帮您找免费图标的图标搜索引擎。有3000多套图片集和30多万个免费Icon资源。地址：https://www.doczj.com/doc/1411079688.html,/ 7.IconFinder是我个人最喜欢的一个Icon资源站，拥有152,466 icons以及775 icon集,强烈推荐！ 地址：https://www.doczj.com/doc/1411079688.html,/ 8.EasyIcon：拥有超过40万个Icon资源，完全收录Open Icon Library 11,489个图标。 地址：https://www.doczj.com/doc/1411079688.html,/ 9.Incoarchive对于Icon的分类做得较好，目前约有253,428 icons以及 1,348Icon集。 地址：https://www.doczj.com/doc/1411079688.html,/ 10.SoftIcons也是我很喜欢的一个Icon站，其最大的优点在于用户下载Icon集：） 地址：https://www.doczj.com/doc/1411079688.html,/ 11.Icon资源搜索引擎，资源还比较丰富。 地址：https://www.doczj.com/doc/1411079688.html,/ 12.一个设计感不错的Icon资源站点 地址：http://icon.io/
让你的内存卡在电脑上面显示的图标是你老婆的照片如何？且看教程。【哎哟，不错哦】 一、首先插上U盘，双击桌面上的我的电脑，然后点击菜单栏中“工具”——“文件夹选项”——“查看”，确保已将“隐藏已知文件的扩展名”前面的钩去掉。 再打开“记事本”程序，输入以下代码：[autorun] ICON=x.ico,0 再将其另存为autorun.inf，注意要先选择所有文件，再保存到U盘里。然后再在电脑中找一张扩展名为ic0的图标文件放到U盘里，并改名为x.ico。 上面的情况是一插上U盘就会自动运行zutorun.inf文件，其中代码的大致意思是设置U盘的图标为x.ico这个图标文件的样子。 好了，解决了U盘图标的个性设置，再来弄一下U盘打开后的背景图。首先复制一张jpeg格式的图片到U盘里，将其名称设置为XX.jpg（含扩展名）。 然后打开记事本程序，复制以下代码到其中：[EXtShellFolderViews] {BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attributes=1 IconArea_Image=XX.jpg
[.ShellClassInfo] ConfirmFileOp=0 再将其另存为desktop.ini文件，并放置在U盘里，保存的方法与上面类似，要注意的是文件名称一定要正确。其作用是设置U盘背景图为XX.jpg。 ico图标制作工具推荐Any to Icon icoFX （此软件为楼下推荐的，感谢各位友人提的建议） 实验成功的回个话啊，看看我的pc普及效果。 麻烦回我的人加一句【哎哟，不错哦】 附件为本人制作的U盘图标，解压到优盘里，重新插下优盘即可显示。 [本帖最后由blue591799278 于2010-6-28 18:19 编辑] 附件 2010-6-24 13:42
QQ透明聊天框群聊天图标修改 1.视频图标 Plugin\Com.Tencent.AudioVideo\Bundle\Res video.png √ 2.语音图标 Plugin\Com.Tencent.AudioVideo\Bundle\Res audio.png√ 3.传送文件 Plugin\Com.Tencent.FileTransfer\Bundle\Res aio_toobar_send.png√ 4.发送短信 Plugin\Com.Tencent.Wireless\Bundle\Res CFBuddyTopToolbarExt.png 5.多人会话 Res\ChatFrame\Buddy\Icons\TopToolbar aio_toobar_add.png 6.举报 Res\AppPluginIcon aio_toobar_Report.png 7.应用 Res\ChatFrame\Buddy\Icons\TopToolbar aio_toobar_app.png 8.搜索 Plugin\Com.Tencent.Soso\Bundle\Res\WSearch soso_icon_24.png ------------------------------------------------------- ---------聊天框图标修改下---------- 1.字体
Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_font.png 2.表情 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_face.png 3.会员表情 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_richface.png 4.抖动窗口 Plugin\Com.Tencent.SNSApp\Bundle\Res aio_quickbar_twitter.png 5.发送图片 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_sendpic.png 6.音乐分享 Plugin\Com.Tencent.QQMusic\Bundle\Res musicsharebtn20.png 7.礼物 Plugin\Com.Tencent.PaiPaiGift\Bundle\Res Present_20.png 8.截图 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_cut.png 9.划词搜索 Plugin\Com.Tencent.Soso\Bundle\Res\WSearch soso_icon_16.png
工具软件 图形图像文件格式 由于各种图形图像文件的编码有很大区别，因此，图形图像文件的格式有很多种。每一种图形图像文件往往都有其最适合的使用领域。在处理图形图像时，需要根据不同的需要，选择输出图形图像的类型。 在计算机中，图形图像文件的格式是根据其文件扩展名区分的。一种图形图像文件，往往只对应一种或几种扩展名。了解了图形图像文件的扩展名，就可以方便地区分各种图像，如下所示。 1．矢量图形格式 矢量图形格式具有一些独到的特点（例如，便于修改、可以自由放大或缩小等），在日常使用计算机时，经常会遇到一些矢量图形。 ● SWF Adobe Flash 的矢量图形文件，既可以用于静态矢量图形的输出，也可以用于矢量动画的输出。几乎所有的计算机都安装了SWF 文件的播放器，因此，多数计算机可以直接浏览该格式的图形。 ● AI Adobe Illistrator （Adobe 开发的一种专业矢量图形绘制软件）的标准图形文件保存格式。在网上有很多该格式的矢量图形背景下载。 ● CDR Corel Draw （Corel 开发的一种专业矢量图形绘制软件）的标准图形文件保存格式，也是很常见的矢量图形文件格式，在网上同样有很多该格式的矢量图形素材下载。 ● SVG 基于XML （eXtensible Markup Language ，可扩展的标记语言）的矢量图形格式，是由W3C 制订的开放标准，目前Opera 和FireFox 等网页浏览器已支持这种矢量图形的浏览。 ● WMF 在Windows 操作系统中广泛应用的一种矢量图形格式（Windows MetaFile ，Windows 图元文件格式）。 2．位图图像格式 位图图像是使用最广泛的图像。大多数显示器在显示矢量图形时，通常都是即时将其转换为位图图像再显示的。在日常生活中，遇到的多数图像都是位图图像。处理位图图像的软件很多，因此位图图像有很多种格式。以下将介绍常用的几种。 ● BMP BMP （BitMap ，位图）是Windows 操作系统中的标准位图图像格式，是一种使用非常广泛的无压缩位图格式。几乎所有的图形图像处理软件都可以直接打开和编辑这种图像格式。 ● JPEG JPEG （Joint Photographic Experts Group ，联合图像专家组）是一种针对照片等位图而设计的一种失真压缩标准格式。使用JPEG 格式的图像，可以定义图像的保真等级。保真等级越高，则图像越清晰，图像占磁盘空间也越大。JPEG 格式的图像扩展名包括许多种，例如，JPG ，JPE ，JFIF 、JIF 、JFI 等。多数图像处理软件都支持处理这种图像。 ● G IF GIF （Gra phics Interchange Format ，图形交换格式）是一种8位色彩的、支持多帧动画和Alpha 通道（透明通道）的压缩位图格式，是互联网中最常见的图像格式之一，常用于各种 提 示 JPEG 格式的图像保真等级共分0～10共11级。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，与BMP 格式相比，压缩比也可达 5：1。在处理日常照片时，通常采用第8级压缩可以获得最佳的存储大小与图像质量平衡。
如何制作QQ透明皮肤、替换QQ图标（文档+高清视频程） 视频（非原创）下载地址：https://www.doczj.com/doc/1411079688.html,/c0m0b0n3xq 首先我们需要用RDB解包打包工具（自己百度下载，若打不开该软件，置顶日志里有解决办法） 操作流程： 1、解包Res.rdb、Default.rdb ，会生成res、Default文件夹，我们要修改的部分文件在这里； 2、按照下面提供的修改路径，修改相应的文件 3、将res、Default文件夹打包，又会生成新的Res.rdb、Default.rdb； 4、用你改好后的Res.rdb、Default.rdb替换原来的即可，替换时需退出QQ。 建议：在你修改Res.rdb、Default.rdb前，将原来的备份。以免操作失误，带来一些影响。res.rdb文件所在位置为：QQ安装目录文件夹下的Resource.1.60.2020（这里的1.60.2020也可能是1.60.2021等等，取Resource后面数值最大的文件夹）文件夹中。 Default.rdb 所在位置为：QQ安装目录文件夹下的Resource.1.60.2020\Themes文件夹中。 去白膜（实现透明效果） 一、登陆框 1、经典登陆界面 修改路径为：res\LoginPane 修改文件名：mini_defaultbanner2.gft（方法：自己选一张图片，大小是350x266。复制文件名mini_defaultbanner2.gft重命名你自己选的图片, 替换原文件即可。） 2、竖直登陆框 修改路径为：Default\LoginPanel 修改文件名:stdlogin_png_bkg.gft(方法：自己选一张图片，截取尺寸260X600。命名文件stdlogin_png_bkg.gft，替换原文件即可） 3、去白膜的方法： 竖直路径：Default\LoginPanel 文件：minilogin_png_bkg.gft删除 经典路径：Res\AppFramework\LoginPanel 文件：safeminilogin_png_bkg.gft，safeminilogin_png_bkg2.png删除 4、竖直框登录按钮 删除Res\AppFramework\LoginPanel login_btn_down.gft login_btn_focus.gft login_btn_highlight.gft login_btn_normal.gft 5、经典登录框的多账号登录、设置、登录按钮 删除Themes\Default\AppFramework\Button btn_focus.gft btn_down.gft btn_highlight.gft btn_normal.gft 二、过渡框
实验四photoshop基本工具的使用及logo标志设计 一、实验目的 1、掌握选框、套索、魔棒、渐变、图章、修补等基本工具的使用。 2、掌握普通图层、文字图层、矩形工具、渐变工具、变形、图层样式等的操作。 3、掌握钢笔工具的使用，实现按路径排列文字。 4、学习综合使用photoshop工具。 二、实验内容 (一)photoshop基本工具的使用 1、用椭圆选框工具实现如下效果： 提示:先设羽化值，再用椭圆工具选取图像需要部份，反选，删除反选部份。 2、分别对以下三幅图片应用“套索工具、多边形套索工具、磁性套索工具”进行选取，然后合并到一张图片中。 效果如下所示：
提示：新建一个画布，再打开三张图片文件，用三种套索工具选取图像中需要的部份，粘贴到画布中。注意画布大小要与三个图像的大小相匹配。最后可将三个图层合并。 3、对以下图片应用魔棒工具和描边，实现如下所示效果： 4、应用渐变工具实现如下所示效果： 提示：用魔棒选取背景部份，设置“渐变编辑器”所用颜色，用线渐变对背景色进行渐变。 5、应用图章工具实现如下所示效果：
6、修复、修补、红眼工具的使用： 打开以下三张图片,使用修复、修补、红眼工具对图片进行处理，然后合并到一个文件中，保存为“p3.jpg”。效果如下所示： (a) (b) 提示:参考按照教材P133页-P135页的操作方法. 7、模糊、锐化、涂抹工具和减淡、加深、海绵工具的使用： 打开如下图片，分别在不同部位应用模糊、锐化、涂抹工具和减淡、加深、海绵工具，
(二)ps综合应用 1.制作透明背景的logo标志如下。 提示：建一个180*100像素的画布，背景设为透明。用矩形选框工具绘制矩形，并对其进行变形处理，复制此矩形，并旋转，降低图层的不透明度；输入文字，添加“瓢虫”图片素材；文件保存为“普通话.png”。 2、自绘图形制作logo标志如下。 提示：建一个420*420像素的画布，背景设为白色。首先制作左上角最大的矩形，再复制此图层，用“编辑”|“变换”对图像进行变形，制作左上角中间的矩形；用同样的方法，制作左上角最小的矩形；对三个图层的矩形填充同色系的不同颜色。其余三个方向的矩形用复制的方法依此类推制作。图形特点是面的重复与分割。文件保存为“图形.jpg” 3. 制作logo标志“乐山乐水”如下. 提示：建一个250*80像素的画布，背景设为透明。文字“乐山乐水”由文字图层实现，采用沿路径排列文字实现文字的波浪排列效果，文字图层中用图层样式按钮中的“斜面和浮雕”参数实现文字的立体效果。左下角山形图形是采用魔棒工具对原始图片进行处理而得到。文件保存为“乐山乐水.png”。具体制作参照教材P175——P177所示。 4．制作如下效果的地产LOGO标志。
ICO是一种图标格式，常用作于系统图标、软件图标等等，我们在工作中也经常会使用到它。那么如何把图片转换成ICO格式进行应用呢？相信很多小伙伴不知道图片转ICO应该怎么转，没关系，既然你不知道，那么小编给你分享两个好方法。 方法一：软件转换 软件：迅捷PDF转换器 功能：迅捷PDF转换器是一款好用的PDF转换器，支持包括PDF转换、PDF 操作、图片格式转换在内的多种实用功能。操作简单，功能实用并且好用。操作步骤： 1：打开软件 在电脑中打开迅捷PDF转换器作为我们的图片转ICO图标格式的工具，打开软件后，在主菜单中找到“图片格式转换”功能，在子页面中找到“图片转IC ON”选项。（注意ICON和ICO都属于图片格式的拓展名，两者是一样的）
2：添加图片 添加图片的方式有很多种，比如点击添加文件或者直接选取图片将其拖到软件中，都可以完成图片批量添加。完成图片添加后，开始准备转换。
3：选择尺寸 完成图片添加后，在页面最下方可以调节图标格式图片的尺寸大小，完成设置后，点击开始转换即可。 4：转换结果 完成转换后，图标会自动保存到电脑中。如果你想要将图标保存到手机上，点击“更多”，选择“共享此文件夹”，便可通过手机扫描二维码的方式将其保存。
方法二：在线网站 在线网站：迅捷PDF转换器 操作步骤： 1：打开在线网站 在浏览器中搜索迅捷PDF转换器在线网站，打开网站后，在主页面找到“文档转换”功能，在子页面中找到并且点击“图片转ICON”，开始准备转换。
2：选择尺寸 在开始准备转换之前，首先选择转换结果即ICON的尺寸，完成选择后，开始添加图片。 3：添加图片 点击选择文件，便可完成图片的批量添加。完成图片添加后，便可自动开始转换。