iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。 本文是iOS设计规范系列第7篇,介绍视觉设计(Visual Design)。
https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022
如果魔改了主页面,开启了模糊效果,那么在修改深色模式下主页封面和页脚就不能只靠修改/themes/sourcs/css/_mode/darkmode.styl的信息来实现了
作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确保深色主题的可用性和合理性。
如果想成为一名优秀的 UI 设计师,必须学会如何以一种吸引人的方式将文本放置于图像之上。每个优秀的 UI 设计师在这个方面都能做得很好,相反的糟糕的 UI 设计师都处理的很差,或者根本不处理。不管你是优秀还是平庸的设计师,阅读这篇文章后,多多少少对你都有帮助。
然而,当我环顾网络时,很明显,大多数阴影并不像它们所希望的那样丰富,网络上覆盖着模糊的灰色盒子,看起来并不像影子。
Xmind 2022 for Mac是一款全功能的思维导图软件,拥有专业实用的功能,包括思维管理、商务演示、与办公软件协同工作等功能,让您的办公更有效,还加入了演讲模式,在演说模式可自动生成转场动画和布局,一键即可展示你的思维导图。
毛玻璃拟态模仿了塑料材质(凹凸质感,凸显层次感),这个新的视觉风格更加注重垂直空间Z轴的使用:
静电说:iOS 13已经发布了半个月时间。很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。在这里静电结合WWDC 2019的官方视频与苹果官方资料,花了一整天的时间翻译整理,为大家带来最全面细致的iOS 13交互设计指南及规范解析。赶紧转发收藏吧!
在本指南中,我将逐步解释为iOS应用设计暗模式的过程。本文将重新设计WhatsApp,基于Apple的人机界面指南。
静电说:要培养对颜色的敏感度,你必须要了解色彩的原理。在这个基础上去感悟,久而久之,色彩会在你手中变的游刃有余。下面这篇终极色彩指南非常值得一看~让我们不妨再系统梳理一下你的配色技巧吧!
可以查看这篇文章:论文记录 - Single Image Haze Removal Using Dark Channel Prior
「 傍晚时分,你坐在屋檐下,看着天慢慢地黑下去,心里寂寞而凄凉,感到自己的生命被剥夺了。当时我是个年轻人,但我害怕这样生活下去,衰老下去。在我看来,这是比死亡更可怕的事。--------王小波」
在 Android 样式系统系列的前几篇文章中,我们介绍了主题背景与样式的区别,以及为什么说通过主题背景和公共主题背景属性来分解您要实现的内容是一个不错的主意,请点击链接回顾:
静电说:继新拟物在2020年成功吸引设计师的目光之后,另一种“拟态”--玻璃拟态(Glassmorphism),再次拉回设计师的眼球。静电仔细一看,这不就是前几年的毛玻璃效果加上更多的“磨砂”感吗?好吧,可能我理解的还有偏差,那么什么是玻璃拟态呢?来读一读这篇Boxi翻译的文章,一探究竟。
静电说:不少同学在绘制阴影的时候,特别是卡片阴影的时候,都会有不少难度,或者把握不好其中的度,在本篇文章中,我们 一起来学习一下,如何让你在UI中绘制出更舒服的阴影效果。
苹果在2019年6月发布的iOS13中增加了“黑暗模式”,用户打开“黑暗模式”后,应用界面将会变为深色,随后Google Android 10的发布同样搭载“黑暗模式”。为了适配系统,不少APP纷纷推出了深色模式。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。 iOS设计规范系列共10篇。本文是第8篇,介绍图标和图像(Icons and Images)。
2024年已经到来,对于UX/UI设计领域来说,这可能是过去若干年来UI / UX趋势最统一、最确定的一年。在接下来的文章中,笔者将在点评各个设计趋势的同时,分析现象背后的原因,并给新入行的设计师一些成长的建议。
Windows 系统中有一个没什么文档的 API,SetWindowCompositionAttribute,可以允许应用的开发者将自己窗口中的内容渲染与窗口进行组合。这可以实现很多系统中预设的窗口特效,比如 Windows 7 的毛玻璃特效,Windows 8/10 的前景色特效,Windows 10 的模糊特效,以及 Windows 10 1709 的亚克力(Acrylic)特效。而且这些组合都发生在 dwm 进程中,不会额外占用应用程序的渲染性能。
静电说:阴影和模糊在UI界面中是必不可少的效果,但是想要做好它们却没有那么简单。很多设计师小伙伴做的阴影,要么是不够通透,要么阴影生硬,投影角度有问题。那么今天就为大家推荐这篇设计阴影和模糊的全攻略,系统为大家剖析阴影和模糊效果的方方面面。觉得有用,记得点赞,并分享给小伙伴。
在机器视觉系统中,通过适当的光源照明可以将被测物体的目标信息与背景信息区分,以获得高品质,高对比度的图像,从而可以降低图像处理算法的难度,同时提高系统的精度和可靠性。
静电说:在本文中,我们将使用Figma来创建一个可以一键切换亮色模式和暗色模式设计的系统,非常简单快捷。同时,我们也可以在本文中学习到亮色模式和暗色模式在设计过程中的区别。本文来自Pixsellz。
安妮 夏乙 发自 凹非寺 量子位 出品 | 公众号 QbitAI Google最新亲儿子Google Pixel 2系列一发布,拍照效果的好评就已铺天盖地。 凭借着几乎毫无亮点的单摄像头,这款手机在D
在19年的WWDC期间,苹果在iOS上引入了 Dark Mode。关于这种模式,苹果公司的原话是,它是一种“戏剧性的新外观,可帮助您专注于工作”,以及“创建一种无干扰的环境,无论从哪方面来看,都很适用”。
通过这篇文章,我将向大家介绍下关于设计的一些基本知识,让广大开发者在平时的开发中,可以更好的和设计、产品合作(撕逼)。
PS中想要制作一只梦幻的小鹿插画,该怎么绘制森林小鹿饮水的插画呢?下面我们就来看看详细的教程。
今天跟大家聊一聊多图型PPT最常用的三大排版技巧 ——半透明遮罩、色块衬底、渐变过渡 图文混排技巧 ▽ 虽然PPT在图文排版方面与专业的修图软件PS比起来 要有些差距 但是排版毕竟是有章可循的创意行为 只要遵循一定的规则 再加上局部的细节修饰和调整 PPT也可以排版出和谐、清新的样式 今天就介绍一下在做全图型(或多图型)PPT时 常用的三大技巧 半透明遮罩、色块衬底、渐变过渡 这三种技巧分别适用于不同的场景 1 半透明遮罩 如果你要做的一张全图型PPT 而且已经获得了高清大图 (至少铺满整个PPT页面而且
CSS attr() 函数允许开发人员检索样式表中HTML属性的值。在下面的示例中,我使用 attr() 函数使用其 data-value 属性来显示 span HTML 元素的 ::after 伪类的文本内容。
近一年,随着iOS和安卓陆续支持了深色模式,各个团队的一通操作,也的确为用户带来“眼前一黑”的体验。深色模式也成为了前阵子业界最火的话题之一。只是当设计师看了无数的关于深色模式的讨论;当无数产品跟进上线了深色模式;再当无数App的深色模式被骂的改了又改,回头来看看,你说的黑,到底是什么黑。 Chapter 1 我所经历过的深色模式 虽然说,我真正开始做UI设计是近年,但是曾经还是体验过很多深色模式的界面的。甚至有很多产品,天生就是深色模式。可以发现,史前的深色模式,要么是因为技术原因,要么就一些对注
CSS 规范一直在不断发展。尽管在 CSS 新功能的实现很复杂,但是 CSS 工作组还是决定要把简化版作为新元素添加到规范中。然后由浏览器来实现这些新元素,浏览器自行决定以哪种顺序去实现它们,这就是为什么现在对新功能的支持不匹配的原因。虽然这可能会令人讨厌,但实际上完成了规范的浏览器要好得多。
【新智元导读】北京大学和新加坡国立大学的研究人员提出一种新方法去除图像中的雨滴,通过在生成对抗网络中插入注意力图,去除雨滴的效果相比以往方法大幅提升。这项工作有很大的实际意义,比如用在自动驾驶中。
CSS(层叠样式表)是一个强大的工具,可以让开发人员设计出漂亮的网页。在今天这篇本文章中,我们将分享10个 CSS 高级技巧,它们可以将你的网页设计技能提升到一个新的水平。
马上我们就要进入下一个阶段,也就是HTML和CSS实现前端界面的阶段了,想必很多小伙伴都想给自己的页面加点酷炫的特效,今天,我就给大家整理了一些非常酷炫的文字特效来装点你的页面! 有些是从网络上找的,有些是自己写出来的
高品质预览:渲染更改的准确预览。此选项可能会影响性能。选择此选项后,在处理图像时,按住鼠标左键(向下滑动)可以查看更高分辨率的预览。取消选择此选项后,即使向下滑动鼠标时,也会显示更低分辨率的预览。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。
把摄像头放在屏幕下的想法并不新奇,在视频会议这个交流方式刚刚出现时,人们就意识到把摄像头和屏幕分设在不同位置让人交流起来非常别扭。眼神交流是沟通的关键因素,但如今的视频会议仍然无法在人们之间建立起这种联系。
大家好,我是堪萨斯州立大学的助理教授 Sungchul Jung。我将通过游戏体验介绍我们的研究,即振动对对称和非对称沉浸式多用户的影响(All Shook Up: The Impact of Floor Vibration in Symmetric and Asymmetric Immersive Multi-user VR Gaming Experiences)。
静电说:今天咱们来看看一个插画绘制的实例,跟着作者一起来学一学,她是怎么来临摹的。
一般用来给图像设置高斯模糊 修改所有图片的颜色为黑白 (100% 灰度) img{ -webkit-filter:grayscale(100%);/\* Chrome, Safari, Opera \*/ filter:grayscale(100%); } 语法: filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opac
无需更改存储在注册表编辑器中的键值即可为 Windows Accents 添加一些自定义。 WinPaletter 让您轻松自由地完成它。它可以帮助用户不受限制地为 Windows 11 Accents 着色。
很多人都希望自己的PPT能够独具匠心,在展示图片或制作电子相册时,总想让图片有个新颖、独特的相框,而PPT自带的图片边框显得“力不从心”。如果利用自选图形,再经过边线及内部填充等设置,就能够制作出具有创意效果的相框。下面iSlide就讲述微立体相框和水晶相框的制作技法。
这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。
本文将介绍几种浏览器端和服务器端 web 实时生成图片的方案,欲知详情请看文章详情。
Super PhotoCut Pro Mac版是一款Mac上的修图软件,Mac超级抠图专业版号称是全球首个全自动智能透明物体抠图工具。可以进行婚纱抠图,透明物(玻璃,水,火,烟雾等)抠图,所有麻烦复杂的抠图,以前需要精通Photoshop才能处理,现在用Super PhotoCut Pro 就可以轻松解决。
XtraFinder mac是一款应用于mac os平台上的Finder增强工具,可以让你的 Mac访达管理器变得更加强大。
窗口——工作区——复位基本功能:让软件界面恢复到默认的标准状态 所有的控制面板都在窗口菜单中,可以对其进行隐藏和显示 按下TAB键可以隐藏或显示工具箱,属性栏,控制面板 按下SHIFT+TAB键,可以只隐藏控制面板 新建文档: 基于互联网设计(屏幕显示):单位:像素,分辨率:72,颜色模式:RGB 基于印刷设计时:单位:毫米MM,分辨率:300,颜色模式:CMYK (一)矩形选框工具(椭圆选框)M 按SHIFT键可以强制为正方形(正圆) 按ALT键可以保持中心点不变 同时按下SHIFT+ALT键,可保持中心不变强制为正方形(正圆) (二)背景色 前景色填充:ALT+DELETE(删除) 背景色填充:CTRL+DELETE(删除) 按D键,恢复到默认的黑白色 按X键,前背景色的切换 (三)移动工具V 功能:移动对象 复制:按下ALT键用移动工具进行拖拽 (四)图层 新建图层:CTRL+ALT+SHIFT+N 图层编组:CTRL+G (五)保存和打开 保存:CTRL+S 可以把内容存储起来 另存为:CTRL+SHIFT+S,把文件重新保存一份 默认的格式:PSD(源文件格式) 打开的方式:CTRL+O 把文档拖拽至软件中也可以打开 (六):移动选取与移动内容的区别 移动选区:绘制选区后,用矩形选框工具指在选区内,会出现白色箭头,可以移动选区。(属性栏中必须选 中的新选区) 移动内容:绘制选区后,用移动工具指在选区内,会出现黑色箭头,可以移动选区内的内容。 (七)选区的修改 边界:会得到有一定宽度的环形区域,会有羽化效果 平滑:把直角选区变成圆角选区 扩展:均匀的扩大选区 收缩:均匀的缩小选区 (八)自由变换CTRL+T 按下SHIFT键,保持比例不变 按下ALT键,保持中心不变 调整四个角点可以调整整体比例,调整四个边点可以调整宽度和高度 按下SHIFT加工具本身的快捷键,可以切换选中的工具 CTRL+k:首选项 (九)羽化SHIFT+F6 羽化:让边缘变得柔和,半透明 选区的布尔运算:加选区,减选区,与选区相交 载入选区:按下CTRL键,点击图层缩略图可得到相应的选区 (十)常用快捷键 取消选区:CTRL+D 第一步撤销CTRL+Z,第二步以上的撤销CTRL+ALT+Z)默认撤销步数为20步。 放大:CTRL+”+” 缩小:CTRL+”-” 抓手工具:空格 CTRL+J:通过拷贝的图层(复制图层) 橡皮擦工具:E
领取专属 10元无门槛券
手把手带您无忧上云