爱看图标网博客 iconpng.com | 爱看图标网官方博客

40个无线互联网UI设计资源网站

100多个情人节素材图标

300多个精美圣诞节图标

15套精美万圣节主题图标

Photoshop ICO文件格式插件

九大另类中文垂直搜索引擎

Jan/13

18

40个无线互联网UI设计资源网站

移动UED团队
腾讯WSD(http://mxd.tencent.com/)腾讯移动互联网设计
搜狐MUED(http://mued.sohu.com/)搜狐无线UED团队
百度无线用户体验部(http://mux.baidu.com/)百度无线用户体验部

图标素材
爱看图标网(http://www.iconpng.com/)中文图标搜索
IconFinder(http://www.iconfinder.com/)iconfinder图标搜索引擎
Shapes4free(http://www.shapes4free.com/) 提供了免费的photoshop自定义形状、图标
一淘UX图标库(http://ux.etao.com/fonts) 一淘UX团队的图标字体库
Favicon(http://www.favicon.cc/)在线生成ico浏览器图标
Dryicons(http://www.freeiconsdownload.com/)按属性分类,国外免费图标下载
iOS Icon Gallery(http://iosicongallery.com/)iOS Icon Design Gallery

界面设计和用户体验
IOS人机交互规范(http://developer.apple.com/library/ios/navigation/)IOS人机交互规范
Android(http://developer.android.com/design/index.html)Android人机交互规范
WinPhone(http://msdn.microsoft.com/en-us/library/hh202915)WinPhone人机交互规范
Ui Parade(http://www.uiparade.com/)精心挑选全球设计师优秀界面作品
Appstorm(http://appstorm.net/)移动互联网大杂烩
移动玩家(http://www.mobileawesomeness.com/)大量APP界面展示
MobiUE(http://www.mobiue.com/)专注本土移动设计产业
Appstorm(http://appstorm.net/)发现优秀APP应用
Mycolorscreen(http://mycolorscreen.com/)国外优秀APP聚合,总有一种创意你没见过
UI4App(http://ui4app.com/)你可以在UI4App按照分类来查看众多优秀的App的优秀设计
Appsites(http://www.appsites.com/)移动应用介绍单页展示网站
Pttrns(http://pttrns.com/)收集了许多精彩的iOS应用界面截
TappGala(http://www.tappgala.com/)分享最棒的手机产品界面设计
CssiPhone(http://www.cssiphone.com/)优秀APP设计截屏集合
Tutsplus(http://mobile.tutsplus.com/)专注移动客户端
iOS Mobile Patterns(http://www.pttrns.com/)A collection of iOS mobile patterns
Mobile Tuxedo(http://www.mobiletuxedo.com/)Mobile Application Development Resources
Mobile Web Design(http://www.mobileawesomeness.com/)Mobile web design gallery with resources about mobile web development and the latest mobile web news.
手机UI界面(http://www.cnpsd.net/)手机UI界面

色彩
CSD配色利器(http://colorschemedesigner.com/)配色利器!能够即时预览到简单的由所选配色搭建的页面效果
设计种子(http://www.design-seeds.com/)一位从业18年的色彩专家分享的配色经验与案例
Adobe配色工具(https://kuler.adobe.com/)Adobe出品的配色网站
ColorHunter(http://www.colorhunter.com/)上传照片提取配色方案
Colourlovers(http://www.colourlovers.com/)提供丰富的用户创建和共享色彩灵感以及工具的平台
colrd(http://colrd.com/)国外配色网站
在线配色(http://colorschemedesigner.com/)不错的在线配色工具,可根据同一色系、对比、等配色方式设置

移动开发
CocoaChina(http://www.cocoachina.com/)苹果开发中文站
Code4App(http://www.code4app.com/)iOS开源代码库
安卓巴士(http://www.apkbus.com/)Android开发论坛
懒人ios代码库(http://www.lanrenios.com/)ios项目开源库实例

一年一度的圣诞节又要来了,去年给大家整理过 32套精美圣诞节图标素材,今年在给大家 推荐一些最新的2012年的精美圣诞节图标:

2012年精美圣诞节主题物品图标

下载地址:http://www.iconpng.com/series/877
作者: rockettheme
图标系列来源: http://www.rockettheme.com/
最大尺寸: 256 x 256 px    图标数量: 10

(more…)

· ·

今天教大家用photoshop绘制一个漂亮的手机应用图标

最终效果预览

手机APP图标

素材准备

在这次绘制过程中会用到下面素材:木质纹理素材


第1步

新建一个文件,大小为:1024×1024 pixels

第2步

使用圆角矩形工具(U)绘制一个红色的矩形形状。

第3步

用笔刷工具(B)绘制更亮的红色,创造出聚光灯从图标右上角照下来的效果。

第4步

用画笔工具添加一个黑色的阴影,参考下图

第5步

在图标的上部添加一个类似下图的形状

图层样式按照下图进行设置

第6步

复制第5步的图层,并缩小一些新图层。设置新的图层为剪贴蒙版,使用笔刷工具在图层顶部绘制一些更亮的红色。

第7步

把上部的颜色提亮一些,下面的颜色加深一些。

第8步

按照第7步 用同样的方式把底部也修饰一下。

第9步

在新建一个图层,使用矩形选区工具(快捷键M)增加两个细条纹,图层混合选择Overlay模式。

第10步

画一个矩形选区。使用渐变填充工具(G),白色到透明色渐变,图层混合模式选择Overlay模式。

第11步

创建一个新的层,用矩形选区工具(M)选择一个细条纹,填充黑色,把这个图层放到那个白色渐变图层的左边边缘位置,右边也按照上面做法复制,最终获得如下图效果

第12步

使用画笔工具(B)增加一些阴影修饰。

第13步

按照第11步在增加2条亮的细条纹。

第14步

使用画笔工具(B)在做一些细节的提亮和加深效果。

第15步

图标增加一点纹理,使用滤镜 > 杂色 > 添加杂色 ,设置图层混合模式为Soft Light。

第16步

使用矩形形状工具(U)绘制一个加号形状。

图层样式按照下图进行设置

第17步

复制加号图标,把新图层往底部移动一点。

给新加号设置如下图层样式

第18步

使用钢笔工具(P)添加反光效果。

第19步

使用钢笔工具给上面的加号边框增加一些白线修饰。

第20步

下面绘制魔术棒。用钢笔工具绘制一个黑色的矩形。

图层样式按下面设置:

第21步

在黑色矩形的上面在绘制一个白色的矩形形状。

图层样式设置如下:

第22步

最后在白色矩形顶部绘制一个椭圆形形状。

图层样式设置:

第23步

先用钢笔工具绘制出笔刷的主要形状:

图层样式设置:

第24步

使用笔刷工具绘制出笔刷头部的纹理效果。

第25步

用画笔工具给刷子的底部增加些阴影,刷子头部增加明亮的黄色。

第26步

使用钢笔工具画一个矩形形状。

图层样式设置:

第27步

给矩形增加木纹纹理效果。将纹理图层设置为前一个图层的剪贴蒙板,图层混合模式设置为Overlay。

第28步

绘制另一个矩形形状:

图层样式设置:

第29步

创建一个新图层,用笔刷工具绘制一些黄色和紫色的烟雾。

第30步

使用自定义形状工具画一颗五角星。

图层样式设置:

第31步

在复制2颗星星,调整星星大小和色彩亮度,放在魔术棒的旁边。

第32步

在给图标增加一些细节上的调整,掉下来的油漆、星光、阴影等。

第33步

最后,给刷头增加一个蓝色的光影效果。

第34步

大功告成。

原文地址:http://psd.tutsplus.com/tutorials/icon-design/mobile-app-icon/

如若转载本文,请注明来自本站地址:http://www.iconpng.com/


· ·

一年一度的圣诞节又要来了,精选32套精美的圣诞节图标送给大家。
 
首先奉上21套我精心挑选出来的精美图标:
 
1. 可爱温馨圣诞节日图标
尺寸:256*256px
作者:http://www.doublejdesign.co.uk/
下载地址:http://www.iconpng.com/series/273
可爱温馨圣诞节日图标
尺寸:512*512px
作者:http://www.icondrawer.com/
下载地址:http://www.iconpng.com/series/279
超大精美圣诞节素材图标
尺寸:512*512px
作者:http://www.iconshock.com/
下载地址:http://www.iconpng.com/series/289
2010年超大精美圣诞节日图标
4. 温馨红色圣诞节图标
尺寸:256*256px
作者:http://dryicons.com/
下载地址:http://www.iconpng.com/series/294
温馨红色圣诞节图标
尺寸:256*256px
作者:http://www.standard-icons.com/
下载地址:http://www.iconpng.com/series/19
漂亮的新年圣诞节图标
尺寸:128*128px
作者:http://www.softfacade.com/
下载地址:http://www.iconpng.com/series/233
漂亮的卡通风格圣诞图标
尺寸:128*128px
http://artdesigner.lv/
下载地址:http://www.iconpng.com/series/275
 圣诞平安夜精美图标
尺寸:256*256px
http://iconeden.com/
下载地址:http://www.iconpng.com/series/282
精美圣诞节主题系列图标
尺寸:128*128px
http://jj-maxer.deviantart.com/
下载地址:http://www.iconpng.com/series/283
圣诞节快乐主题图标
尺寸:256*256px
http://sniffels.deviantart.com/
下载地址:http://www.iconpng.com/series/276
可爱漂亮的圣诞节图标
尺寸:256*256px
http://www.iconshock.com/
下载地址:http://www.iconpng.com/series/290
2010年精美圣诞图标
尺寸:256*256px
http://www.iconspedia.com/
下载地址:http://www.iconpng.com/series/433
精美2010年圣诞节主题图标
尺寸:256*256px
http://www.thesamborek.com/
下载地址:http://www.iconpng.com/series/403
精美圣诞节主题图标
尺寸:256*256px
http://noctuline.deviantart.com/
下载地址:http://www.iconpng.com/series/397
圣诞节主题社会化媒体图标集
尺寸:64*64px
http://icojoy.com/
下载地址:http://www.iconpng.com/series/288
2010年可爱圣诞新年小图标
尺寸:256*256px
http://www.aha-soft.com/
下载地址:http://www.iconpng.com/series/277
精致漂亮的圣诞节素材图标
尺寸:256*256px
http://www.vistaico.com/
下载地址:http://www.iconpng.com/series/274
vista风格圣诞节图标
尺寸:256*256px
http://www.doublejdesign.co.uk/
下载地址:http://www.iconpng.com/series/272
可爱贴纸风格圣诞节日图标
尺寸:128*128px
http://enhancedlabs.com/
下载地址:http://www.iconpng.com/series/271
真实质感圣诞节图标
尺寸:256*256px
http://icondock.com/
下载地址:http://www.iconpng.com/series/232
可爱卡通圣诞节日图标
尺寸:256*256px
http://www.zeusbox.org/
下载地址:http://www.iconpng.com/series/31
可爱卡通风格圣诞节图标

Feb/11

14

100多个情人节素材图标

今天是一年一度甜蜜浪漫的情人节,情人节肯定少不了玫瑰花、巧克力、礼物等等。今天特意把情人节常用的图标素材整理出来方便大家使用。

玫瑰花

心形/红心/爱心/一箭穿心

 
戒指

礼物

我爱你

 

情人节图标 (全部情人节图标下载地址:http://www.iconpng.com/search/series=%E6%83%85%E4%BA%BA

戒指    玫瑰花      情书     项链     气球

心形/红心/爱心/一箭穿心/伤心  /心碎     鲜花

          礼物          我爱你

No tags

Dec/10

21

300多个精美圣诞节图标

圣诞节马上就要了,给大家整理了300多个漂亮的圣诞节图标素材,希望大家能喜欢!

圣诞老人图标

圣诞树图标

圣诞铃图标

圣诞花环图标

圣诞帽图标

五角星图标

圣诞彩球图标

圣诞拐杖糖图标

圣诞礼物图标

雪人图标

圣诞节图标下载目录:

圣诞节图标 (全部天气图标下载地址:http://www.iconpng.com/search/series=%E5%9C%A3%E8%AF%9E

圣诞老人      圣诞树      圣诞花环      圣诞铃      圣诞帽  

圣诞彩球      圣诞拐杖糖         圣诞礼物         雪人

短袜      姜饼人         雪橇车       彩灯      蝴蝶结   

冬青      驯鹿       蜡烛      雪花

·

Oct/10

28

15套精美万圣节主题图标

再过几天就是万圣节了,虽然万圣节是国外的节日,但国内现在过万圣节的气氛也越来越浓了,所以特意整理了15套精美的万圣节主题图标,方便大家使用。
 

2010年精美万圣节主题图标

图标尺寸: 512 x 512 px   图标数量: 4

下载地址:http://www.iconpng.com/series/255

 

万圣节可爱食尸鬼图标

图标尺寸: 128 x 128 px      图标数量: 9

下载地址:http://www.iconpng.com/series/264

 

可爱卡通风格万圣节主题图标

图标尺寸: 128 x 128 px   图标数量: 6

下载地址:http://www.iconpng.com/series/263

万圣节幽灵城堡主题图标

图标尺寸: 128 x 128 px   图标数量: 7

下载地址: http://www.iconpng.com/series/262 

 

 

 

精美超大万圣节图标

图标尺寸: 512 x 512 px   图标数量: 5

下载地址:http://www.iconpng.com/series/261

2009年恐怖万圣节主题图标

图标尺寸: 256 x 256 px   图标数量: 10

下载地址:http://www.iconpng.com/series/260

恐怖万圣节玩具图标

图标尺寸: 256 x 256 px   图标数量: 4

下载地址:http://www.iconpng.com/series/259

恐怖万圣节主题桌面图标

图标尺寸: 128 x 128 px   图标数量: 17

下载地址:http://www.iconpng.com/series/258

 

精美超大万圣节桌面图标集

图标尺寸: 512 x 512 px   图标数量: 14

下载地址:http://www.iconpng.com/series/257

万圣节巫师帽和南瓜灯图标

图标尺寸: 128 x 128 px   图标数量: 2

下载地址:http://www.iconpng.com/series/256 

  

非常可爱的万圣节主题图标

图标尺寸: 128 x 128 px    图标数量: 17

下载地址:http://www.iconpng.com/series/254 

  

万圣节南瓜灯笼表情图标

图标尺寸: 256 x 256 px   图标数量: 14

下载地址:http://www.iconpng.com/series/253

精美vista风格万圣节图标

图标尺寸: 256 x 256 px    图标数量: 5

下载地址:http://www.iconpng.com/series/252

精美万圣节主题图标

图标尺寸: 512 x 512 px    图标数量: 5

下载地址:http://www.iconpng.com/series/224

可爱万圣节主题小图标

图标尺寸: 48 x 48 px    图标数量: 6

下载地址:http://www.iconpng.com/series/129

以下是按关键字列出来的下载目录:

万圣节(全部万圣节图标下载地址:http://www.iconpng.com/search/series=%E4%B8%87%E5%9C%A3%E8%8A%82

南瓜     南瓜灯笼     糖果

蝙蝠     黑猫     猫头鹰     蜘蛛

食尸鬼     幽灵     鬼魂     吸血鬼     骷髅      死神      恶魔

城堡     巫婆      巫师帽      墓碑     棺材

 

万圣节 Halloween

每年11月1日是万圣节(Halloween),也叫鬼节,万圣节这一天家家会吊起南瓜灯并无限给小孩子派发糖果,也因此万圣节是小孩子们最爱的节日之一.

万圣节前夕,孩子们会提着南瓜灯,穿着各式各样的稀奇古怪的服装,挨家挨户地去索要糖果,不停地说:“trick or treat.”(意思是给不给,不给就捣蛋)要是你不肯给糖果的话,孩子们就会很生气,用各种方法去惩罚你,例如:把垃圾倒在你家里等等的方法去惩罚你,直到你肯给他们糖果为止。

如今在整个欧洲,人们都把万圣节前夜看作尽情玩闹、讲鬼故事和互相吓唬的好机会。于是人们不再把这节日仅仅用来赞美秋光,而是让它变成一场真正的“狂欢”。而脸谱化妆是万圣节传统节目之一。
万圣节是西方的“鬼节”,因此万圣节的象征物许多都来自鬼怪、魔怪的主题,不过当中也有南瓜灯、稻草人这样惹人喜爱的象征物。无论是手里提的“杰克灯”或者餐桌、餐厅里的摆设,都以南瓜为主要形象。
万圣节(万圣夜)的主题是鬼怪、吓人,以及与死亡、魔法、怪物有关的事物。通常与万圣节扯上关系的事物有鬼魂、食尸鬼、巫婆、蝙蝠、黑猫、猫头鹰、精灵、僵尸、骷髅和恶魔等,还有虚构人物如吸血僵尸和科学怪人。黑色和橙色是万圣节的传统颜色。现代万圣节的产品也大量使用紫色、绿色和红色。秋天的元素如南瓜和稻草人等,也成为万圣节的象征。杰克灯是万圣节最广为人知的象征物。在英国和爱尔兰,当地人原本在挖空的芜菁中燃点蜡烛造成杰克灯,但移民到美国的人很快便采用南瓜代替,因为南瓜比较大和容易在上面雕刻图案。不少家庭在南瓜上刻上吓人的面容,并放在大门口的阶梯上,传统上此做法是想吓走恶魔或妖怪。

·

Sep/10

23

Photoshop ICO文件格式插件

每次重装系统之后,都要在网上搜索好久才能找到这个插件,干脆放在博客里放个备份。

ICO (Windows Icon) file format plugin for Photoshop下载地址:

http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html

下载后把ICOFormat.8bi文件解压到Photoshop安装路径下的\Plug-Ins\File Formats目录中即可,重新打开Photoshop,即可打开和保存ICO格式的图标文件了。

·

看图不说话:

网站刚做好,我就碰到这个问题了,下拉框怎么点都点不出来,关键是公司的电脑没问题,咱们的程序员那边看也没问题,就咱家里的电脑不行。以至于被程序员说咱是RPWT。

后来在网上查了很久,发现是IE 浏览器的脚本失效问题。

从网上找了几个解决 IE Javascript 脚本失效的办法,按顺序逐步执行,前面不行了在执行后面的,机器无须重启的,但需要重启一下浏览器。

第一步,注册两个脚本库(点击开始菜单–>运行):

regsvr32 jscript.dll
regsvr32 vbscript.dll

我是到这一步,就解决问题了。
第二步,如果还不行,再注册多几个:

regsvr32 Shdocvw.dll
regsvr32 Oleaut32.dll
regsvr32 Actxprxy.dll
regsvr32 Mshtml.dll
regsvr32 Urlmon.dll
regsvr32 browseui.dll
第三步,如果还不行,把以下代码复制到 CMD 命令行里面粘贴执行:

rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%\System32\dacui.dll
rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%\Catroot\icatalog.mdb
regsvr32 /s comcat.dll
regsvr32 /s asctrls.ocx
regsvr32 /s oleaut32.dll
regsvr32 /s shdocvw.dll /i
regsvr32 /s shdocvw.dll
regsvr32 /s browseui.dll
regsvr32 /s browseui.dll /i
regsvr32 /s msrating.dll
regsvr32 /s mlang.dll
regsvr32 /s hlink.dll
regsvr32 /s mshtml.dll
regsvr32 /s mshtmled.dll
regsvr32 /s urlmon.dll
regsvr32 /s plugin.ocx
regsvr32 /s sendmail.dll
regsvr32 /s mshtml.dll /i
regsvr32 /s scrobj.dll
regsvr32 /s corpol.dll
regsvr32 /s jscript.dll
regsvr32 /s msxml.dll
regsvr32 /s imgutil.dll
regsvr32 /s cryptext.dll
regsvr32 /s inseng.dll
regsvr32 /s iesetup.dll /i
regsvr32 /s cryptdlg.dll
regsvr32 /s actxprxy.dll
regsvr32 /s dispex.dll
regsvr32 /s occache.dll
regsvr32 /s iepeers.dll
regsvr32 /s urlmon.dll /i
regsvr32 /s cdfview.dll
regsvr32 /s webcheck.dll
regsvr32 /s mobsync.dll
regsvr32 /s pngfilt.dll
regsvr32 /s licmgr10.dll
regsvr32 /s hhctrl.ocx
regsvr32 /s inetcfg.dll

如果这样还不行,那我也没办法拉- -、我建议你重装一下浏览器吧。

附:

regsvr32 命令,是一个注册 DLL 动态扩展库的命令行工具。方法:在“运行”里面输入regsvr32 dllname,回车即可。使用上有几个参数:

/u——反注册控件
/s——不管注册成功与否,均不显示提示框
/c——控制台输出
/i——跳过控件的选项进行安装(与注册不同)
/n——不注册控件,此选项必须与/i选项一起使用

No tags

Older posts >>

Theme Design by devolux.nh2.me