Sketch内的新拟物风格探索

最新推荐文章于 2024-10-15 20:26:45 发布
最新推荐文章于 2024-10-15 20:26:45 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： 教程/探索 文章标签： ui 界面设计 交互设计 ux 产品设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fairycode/article/details/108623395
版权
本文探讨了新拟物（New-Materialism）设计风格，解释其特点在于通过阴影和高光创造微妙质感。文章展示了新拟物风格的设计作品，并指出其在界面设计中的应用和挑战，如用户引导性不强。此外，介绍了如何在Sketch中绘制新拟态元素，并推荐了一个在线工具neumorphism.io，帮助设计师快速生成新拟物风格设计。最后，鼓励读者尝试并讨论新拟物风格的实际应用。
摘要由CSDN通过智能技术生成

快速跳转目录

新拟态是什么

⬆️拟物写实的icon风格

上图应该能解释“拟物”的意思，偏向写实，重视细节的刻画，用高光、阴影、纹理、颜色等各种方式来最大程度的还原物体的本来面貌，突出它的质感。

再来解释“轻拟物”似乎容易一些，介于写实和扁平之间的一种风格，其实以前也流行过类似的，我们称之为“轻质感“，虽然两者还是有着很多不同的地方。

概括来说，“新拟态”风格就是用阴影高光渐变等方式克制的刻画出微质感。

新拟态风格展示

展示一些追波和花瓣站酷上大佬们的作品会帮助大家更好的理解设计风格。
新拟态展示新拟态展示新拟态展示新拟态展示由于新拟态的风格能够使界面看上去更简洁统一，作为作

最低0.47元/天 解锁文章
fairycode
关注
专栏目录
UI设计新趋势|拟物风格UI设计素材模板
awayaya1的博客
10-04 856
拟物风格的设计 总显得精致有质感，高级感。 这基本上意味着他们使用了 "真实世界 "的元素，比如木质书架，笔记中缝制的皮革，以及你 翻阅的CD封面，让你感受到新的数字世界。通过使用熟悉的物体，它在降低新用户的进入门 槛。界面不像你以前见过的任何东西，但它仍然是熟悉的。 欣赏下搜UI （SOOUI) 带来的最新流行的新拟物图标，适当使用到你的UI设 计里，让一切变得比现实更美好。 AirDrop图标 漂亮的时钟iOS图标PSD 3样式PSD现代 PSD金属夹 AirDr
如何设计一枚「拟态」按钮
MayanDev
04-28 2695
如何设计一枚「拟态」按钮 最近在微博上看到一款很好看的键盘皮肤????。 这是一种被称作拟态化的设计，英文 Neumorphism /njʊ'mɔːfɪzəm/ 或者 Soft UI。 拟态化设计是最近兴起的设计风格，是继拟物化设计、扁平化设计，下一个界面设计的趋势。最初起源于Dribble 用户 alexplyuto 分享的设计稿，之后一度成设计师的参考，也引领了一波设计潮流。 可以看到，拟态设计...
Neumorphic新拟物风格app ui .sketch素材下载
04-20
Neumorphic新拟物风格app ui .sketch素材下载
【UI设计视频课】Sketch新拟态系列课,链接持续更新(目前已上传2节课)
fairycode的博客
10-22 286
近期开始尝试输出一些视频类课程，主要设计到PS/Sketch界面设计，AE/Principle动效动画设计，Axure/墨刀原型设计，Procreate/PS手绘板绘等。 新拟态系列第一课（Sketch）点击链接可以直接跳转 本课内容： 1.Sketch常用工具 2.具体用户界面临摹 3.icon拆解绘制 ...
前端ui组件——新拟物风格
crazymad的博客
03-25 1338
ui组件库仓库地址：ui-framework 基于react写的前端ui组件库，持续更新中。
Sketch: Style Guides & Asset Libraries Sketch教程：风格指南和资源库 Lynda课程中文字幕
BeautifulCoding的博客
07-23 350
Sketch: Style Guides & Asset Libraries 中文字幕 Sketch教程：风格指南和资源库 中文字幕Sketch: Style Guides & Asset Libraries 你是否经常需要搜索最新版本的资产？ 你难以与同事和客户沟通你的品牌风格吗？ 你想要更高效的设计工作流程吗？ 两种工具 - 数字资产库和综合样式指南 - 可以大大简化您的设计流...
前端例程20210510：新拟物风格（Neumorphism）设计与实现
Naisu的各种笔记
05-10 4926
文章目录前言结语 前言 结语
【吴刚】图形图标绘制表现技巧视频教程
03-22
本套教学视频系统化通过使用对相关软件（PS、AI）的软件实操应用，可以提高学员对基本软件工具的应用和实际操作能力。课程案例选用了实际工作中经常使用的真实的图标图形和卡通形象设计为案例，并且，每一步的操作原理，进行了详细的分析，通过吴刚老师对案例的演练，使设计软件作为工具的基本使用技能和使用习惯，得以深入的了解。
设计界面不见_玻璃拟物化悄然蔓延设计前沿
weixin_34447182的博客
12-28 266
今年年初大家看到更多的设计和文章都在围绕“新拟物化”展开行动，随着各种硬件的提升，代码的优化，更多的风格和效果一一出现在我们的生活中，而今天呢，我们一起探索一下生活中最常见的，你可能没有注意到的设计风格——“玻璃拟物化”风格，英文“Glassmorphism”，这也可能会成为新的设计趋势。新拟物化什么是玻璃拟物化呢？在生活中的摄影，通过玻璃的层次感，给人以朦胧的美感，那什么是玻璃拟...
按钮背景过渡css3,CSS3 一组拟物风格的渐变背景按钮
weixin_29790467的博客
08-04 501
CSS语言：CSSSCSS确定a {background-image: linear-gradient(lightblue, skyblue);border: 1px solid #eee;border-radius: 3px;color: grey;display: inline-block;line-height: 32px;padding: 0 15px;text-decoration: n...
手绘风格的数据可视化 （萌萌风）Sketchify，及其他可视化工具（商业风）
乔治大哥的博客
11-28 565
多少年以前，我在一家BI企业负责数据可视化产品的开发，作为产品创新的需要，一篇论文吸引了我的目光，《Sketchy Rendering for Information Visualization》（https://hal.inria.fr/hal-00720824/document）（该论文发表于2013年） 于是我带这两个实习生，利用论文中的知识做出了该工具的原型。收到了领导的赞许，就像很...
ai中导入sketch_在Sketch中营造深度感
weixin_26732881的博客
08-03 1005
ai中导入sketchCreating a user interface with depth can seem daunting at first, but it only requires you to understand one fundamental rule — emulating a light source. 首先，创建具有深度的用户界面看似令人生畏，但这仅要求您了解一个基本规则-...
新拟物化UI设计
不愿意做鱼的小鲸鱼の博客
08-14 2169
在我的个人博客上观看效果更佳：http://qkongtao.cn/ 目录什么是新拟物化怎么实现新拟物风格设计Toolbox工具箱UI社拟物化风格大赏新拟物风格作品欣赏一些新拟物的代码收集 什么是新拟物化 新拟物化，是在扁平的基础上呈现真实物体质感的设计风格， 核心思想是模拟光的斜向照射效果 ，用阴影显出“高光”和“阴影”。 新拟物界面设计（Neomorphic UI Design）是2020年在互联网上非常火热的一种前端界面设计方式， 这种设计风格在传统的扁平的基础上增加了拟物的投影效果，.
鸿蒙NEXT开发-沉浸式导航和键盘避让模式（基于最新api12稳定版）
qq_56760790的博客
10-10 1205
鸿蒙沉浸式导航和键盘避让模式的学习包含了：沉浸式导航的基本介绍如何设置和键盘避让模式的设置用法
QT开发--QT基础
荒野
10-10 666
QT这东西，几个API调过来调过去的，实践大于理论
vue.js【常用UI组件库】
weixin_74878822的博客
10-15 472
是基于Vue3开发的优秀的PC端开源UI组件库，它是Element的升级版，对于习惯使用Element的人员来说，在学习时，不用花费太多的时间。因为Vue3不再支持IE 11，所以也不再支持IE 11及更低的IE版本。使用npm或yarn包管理工具安装Element Plus。组件库中的组件主要包括基础组件、配置组件、表单组件、数据展示组件、导航和反馈组件以及其他组件。每个组件类别又进行了细分，例如，基础组件包含Button组件、Border。
植物大战僵尸杂交版
FourAu的博客
10-11 1339
本次版本主要更新内容：游戏分辨率扩充，UI界面翻新，卡槽数量提升至16个，修复大量BUG，降低部分关卡难度，优化游戏体验，提升游戏稳定性。最新版植物大战僵尸杂交版 最近本款游戏火爆。Mac（苹果版本）：2.0.0。win版本：2.3.7。
谷歌-BERT-第四步：模型部署
深度安全实验室
10-12 259
谷歌-BERT-第四步：模型部署
打造卓越APP体验：13款界面设计软件推荐
最新发布
2301_79599164的博客
10-15 680
你知道如何选择正确的UI设计软件吗？你知道设计美观的用户界面，及带来良好用户体验的APP，需要什么界面设计软件吗？基于APP界面的功能不同，选择的APP界面设计软件也会有所不同。然而，并不是要把所有APP界面设计软件都学的非常精通，把常用的几个APP界面设计软件学熟练了就行了。以下13个APP界面设计软件将为你的团队提供绘制APP界面所需的必要功能。
sketch领域最新的论文
02-18
在sketch领域，最近发表的有关论文包括《Sketch-R2CNN：基于深度学习的智能sketch识别》、《SketchX：一种新的sketch检索方法》和《从概念到图像：基于深度学习的sketch绘制》。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值