UI设计：使用PS绘制拟物化图标

最新推荐文章于 2024-11-08 13:58:32 发布

*离

最新推荐文章于 2024-11-08 13:58:32 发布

阅读量769

点赞数

分类专栏： UI设计文章标签： android

本文链接：https://blog.csdn.net/weixin_57156294/article/details/125630197

版权

UI设计专栏收录该内容

5 篇文章 2 订阅

订阅专栏

UI设计：使用PS绘制拟物化图标

1.应用图标大小1024*1024px

2.拟物化图标讲究的是尽可能于实际物体相近

3.图标的光是从上往下照射的，所以会呈现一定的阴影

4.使用fx里的各种效果是图标有光泽感，如浮雕、内外发光等

图标展示：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

*离

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

PS制作红色拟物化时钟icon图标

VibMike的博客

05-07

1113

PS制作红色拟物化时钟icon图标效果图：主要过程：一：时钟外壳框处理新建一个尺寸800*600像素，分辨率72的画布。用现状圆角矩形工具绘制一个380*380像素的圆角矩形，圆角参数值100，填充线性渐变颜色。 3、为它添加图层样式，具体

[前端css-1] 拟物化图标

洪伟富专栏

08-12

539

[前端css-1]拟物化图标

参与评论您还未登录，请先登录后发表或查看评论

拟物化icon-1

熊小能

10-08

997

技术路径工具白箭头、黑箭头的利用利用“图层样式”给icon增加立体感（小技巧：内阴影和内发光的使用可以让图案产生“凹陷”的效果）思考个人感觉拟物化icon相比较于扁平化icon更多的偏向写实主义，在制作时是比扁平icon更加自由的，但是拟物化本身就是一个限制，因为现在跟多软件应用都不一定能用一个具体的物体表现出来，在联想和创作过程是比扁平icon更加有挑战性的。

PS新手教程！手把手教你临摹一枚经典的SIRI拟物图标

UI设计小站

04-18

3489

@P大点S微博：今天临摹的是一个SIRI图标，iOS里标志性的icon，非常漂亮。看了原图后我认为临摹过程中最麻烦的地方就是麦克风中的一组镂空和它的发光效果，在胶囊型的麦克风里怎么能整齐科学排列它们的确有点难，如果你不会，那来看高手的做法！这是我们的最终效果：这个是原图：下面开始我的制作过程。为了后面的工作更加轻松便捷，所以我把新建的画布尺寸设成一个比较好计算的整数~

教你用 css 写一个拟物化图标

weixin_33785108的博客

03-28

1427

拟物化（Skeuomorphism）风格的图标在iOS7发布之前广为流行。相当长一段时间，无论系统、网页还是第三方应用都争相使用拟物化的设计风格。那时候的dribbble网，各色优秀的拟物化设计作品也争奇斗艳、层出不穷。下面先展示几张优秀的拟物化设计作品，让你们进一步了解这一风格，甚至爱上这个风格。大可不必站在产品的角度来较真，just欣赏它们的美，感受细节的震撼。是不是很震撼，很精致...

858个拟物化APP图标图片素材收集

11-30

858个图标图片素材！Android IOS最新拟物化图标素材收集！

UI设计之PS绘制初级ICON图标

07-23

资源名称：UI设计之PS绘制初级ICON图标教程内容：课时1-制作水晶球图标课时2-按钮图标课时3-登录框01课时4-登录框02课时5-登录框03课时6-制作拉丝时钟01课时7-制作拉丝时钟02课时8-制作拉丝时钟03课时9-制作插座图标...

UI设计趋势中的新拟物化图标设计素材模板

awayaya1的博客

06-16

1080

什么是拟物化呢？就是光影关系几乎完全模仿实物，图标与实物几近相似。拟物化图标优点，是容易识别，缺点是设计耗时。拟物化图标分为设计拟物和交互拟物。设计拟物就是设计与实物贴近的图标，交互拟物如在手机上看小说时翻页这个操作。看看实例 AirDrop图标PSD 漂亮的时钟iOS图标PSD 随着扁平风格的盛行，拟物图标的表现手法出现在少数产品和游戏类的产品中，如锤子推出的系列应用，依然保留着这样的风格。在超质感拟物风格和抽象的扁平风格之间进行取舍，便出现了微质感的设计表现形式

移动软件UI设计-3期（KC018） 2.3.3-拟物化任务单.doc

07-14

3. **动手设计**：参照附件中的照相机实物图片，尝试绘制拟物化的图标，注重形状、光影和材质的表现。 **评分标准：** 1. **基础要求**：成功完成上述三个步骤，展示对拟物化设计的理解和应用，这是90分的基础。 2....

鸿蒙系统拟物化图标,那些让人不得不吐槽的软件设计风格

weixin_39747334的博客

05-31

601

【TechWeb报道】相信IT迷们都会发现无论是iOS 7还是最新的Android L，其设计风格都越来越类似，而著名科技外媒Arstechnica就集合了一些员工开了次吐槽大会，对当今软件设计中他们觉得不合理的地方开炮，看看是否有说到你心坎的地方？以下是全文内容：扁平化如今十分流行，而这个特殊的设计风格发源于微软的Windows Phone 7系统。这种风格喜欢采用超大图标和鲜艳的色彩，并且不搭...

鸿蒙系统拟物化图标,疑Flyme8 UI曝光：极致拟物化设计引领icon风

weixin_36050671的博客

05-31

379

近日，国外著名爆料网站slashleaks曝光了疑似Flyme 8系统的新UI界面。从谍照上看，相比Flyme 7，全新Flyme 8的设计风格回归拟物化，导航条和状态栏也做了细节调整，视觉效果更棒。图：slashleaks相信对于广大魅族粉丝来说，一直以来让大家对魅族不离不弃的关键之一，就是魅族的Flyme系统设计。从早期令人眼前一亮的拟物设计，到Flyme 2所采用的侘寂视觉设计概念，再到Fl...

UI设计视频教程合集2018最新之ICON图标设计篇

码农王也的博客

01-08

2180

在现如今的用户界面中，图标绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。图标虽小，但是却在ui设计中扮演者关键性的角色。今天小编就着重给大家介绍一下扁平化图标和拟物化图标的特点以及图标设计视频教程分享：方面，以圆、矩形等简单几何形态为主，界面按钮和选项也更少。扁平化风格中设计元素的减少，使色彩的使用更加规范，字体标准更加统一，使

PS制作日历ICON流程

weixin_44560792的博客

04-08

436

PS制作日历ICON （作者：欧日鑫撰写时间：2019年4月8日）首先在PS工具栏找到圆角矩形工具找到后我们按住ctrl+shift在给鼠标移动这样就可以绘制出一个很正规的圆角矩形，圆角矩形的半径是40像素，圆角矩形做好了就做下一步。不会的看图片。颜色是40444d。后面在原地复制一份快捷键ctrl+j，在按快捷键ctrl+t然后缩小一下颜色改一下就完成了。颜色是595e6a。看效果...

PS制作android图标

Android

10-21

3787

教程: 1打开一张图.. 2是处理之后,选择填充工具钢笔工具旁边的>中的第2个(圆角矩形工具) 3是在图片上画出一个圆角矩形 ,圆角的弧度可以在上面的半径设置,默认是10 4是单击右键,选择建立选区 shift+ctrl+enter ,羽化半径为0 5是双击背景层,让图片解锁 6是选择选框工具,单击右键,选择反选 shift+ctrl+I 7是按DELETE删除

设计界面不见_玻璃拟物化悄然蔓延设计前沿

weixin_34447182的博客

12-28

274

XD、PS制作轻拟物界面

y351_的博客

01-20

1048

XD、PS制作轻拟物界面 1.打开PS，新建画布，填充灰色 2.用矩形工具画出矩形框，添加亮色阴影和暗色阴影 3.在里面在画出两个圆角矩形，添加文字，设置图层样式在XD软件中制作，先给背景价格灰色背景，然后画一个矩形框，设置圆角，然后复制两个，一个填充白色，一个填充深灰色，把图形进行摆放顺序，然后把白色和深灰色图形选中点击属性的对象模糊，也可做出轻拟物风格界面 ...

拟物化设计与扁平化设计

全栈空间

11-18

4755

老罗团队最近发布的Smartisan OS，使用了更拟物的拟物化设计。甚至为了拟物化，而增加了不必要的宫格。另外，听说Ive在推进扁平化设计。什么是？区别何在？ 1. 拟物化设计 skeuomorphism 代表作品：iOS7.0以下，Android、以及iOS7.0以下时代的大部分app 特点： a 界面：模拟真实物体的材质、质感、细节、光亮

【北京迅为】itop-3588开发板摄像头使用手册Android12 双摄方案