首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

iOS Human Interface Guidelines》——Template Icons模板图标

模板图标 你为栏或者主屏幕快捷操作创建自定义图标也称为模板图标或者图像,因为iOS将其用于产生当你app运行时你看到图标。 iOS定义了很多标准小图标,比如刷新、动作、添加和喜欢。...如果你app包含了不能被标准图标代表任务或模式——或者如果标准图标与你app风格不协调——你可以设计你自己小图标。在高层面上,你应该以这样图标为目标: 简单合理。...比如说,看一看iOS栏图标系列,注意它们在尺寸、细节和分量上是如何相似来产生一种和谐统一感觉。 为了创建连贯系列图标,一致性是关键:每个图标都应该尽可能地使用相同透视和笔画粗细。...有时候,设计需要轻微修改来使选中时好看。比如说,因为计时器和广播图标包含开放区域,所以选中版浓缩了一点笔触来融入圆形外壳。...iOS忽略所有的颜色信息,所以不必要使用超过一个以上填充色。 不要包含阴影。 使用反锯齿。 如果你想要设计一个看起来与iOS图标系列相关小图标,那就使用非常细笔触来绘制它。

59420

4.8 VR行业大事件:Meta下一代MR头显非官方渲染图流出;《Blade&Sorcery》PC VR版将迎来重大更新

值得注意是,渲染图中展示光学器件和显示外壳非常紧凑。如果该图是准确,则表明Project Cambria很可能会搭载新光学系统,可能是Pancake光学系统。...虽然两家公司在公告中没有说明该虚拟空间具体细节,但提到了三条基本原则:保障儿童游戏权利;保护儿童隐私;为儿童和成人配备能够创建数字体验必要工具。...本次更新主要针对PC VR客户端,将提升PC VR版图形渲染效果。从该工作室公布前后对比图来看,本次更新大幅提升了包括清晰度、亮度和阴影等细节在内视觉效果。...而为了保持高性能,大多数阴影仍是静态烘焙。目前,Warpfrog尚未宣布U11的确切发布日期。 VRPinea独家点评:除了照明改进,砖块和石头也能攀爬了,又能跑酷+躲猫猫了。...在《Eolia》中,原本美丽世界因为恶劣气候变化变成了无尽沙漠。玩家要通过奇怪但又美妙乐器来解决各种音乐迷题,拯救这片大地。本作将采用完全手部追踪,而无需使用控制器。

26820

JavaScript详细判断浏览器运行环境

,明明就是基于Chromium进行二次开发再套多一层外壳,还非得说自己开发浏览器是世界第五大浏览器,偷吃不抹嘴,还是被眼尖网友发现了。...准备 目前网上很多解决方法都只是针对系统是否是桌面端还是移动端,Android端还是iOS端,部分浏览器载体判断和获取等等,没有一个比较完美或者终极解决方案。...而此方案也是基于navigator.userAgent获取相关浏览器信息(如下),再通过系统、平台、内核、载体、外壳特有字段进行归类统一,整理出一个完整浏览器运行环境。...、Trident 浏览器载体:五大浏览器品牌,包含Chrome、Safari、Firefox、Opera、Iexplore/Edge 浏览器外壳:基于五大浏览器品牌内核进行开发,再套一层自研技术外壳...)根据系统、平台、内核、载体、外壳特有字段来归类统一浏览器运行环境。

2.1K50

为何UI设计稿与开发出界面有差异?设计师必读技术干货

左图是Sketch屏幕截图,右图是iOS上开发出来真实样子。这些差异在渲染图形时会出现。它们具有完全相同字体,行距,阴影半径,颜色和渐变属性-所有常量都相同。 ?...某些类型UI界面在Sketch和iOS真机上有明显区别,下面我们重点说说这三个元素:1.版式 2.阴影 3.渐变色 No.1 排版 在开发过程中,我们可以用多种方式来实现排版效果,但是对于本文中测试...对于中文来说,目前暂无更好方法解决,唯一做法是在后期视觉走查阶段调整处理。) No.2 阴影 与具有通用布局规则版式不同,阴影定义不太明确。我们看下图: ?...你会发现,在默认情况下,iOS阴影较大。这在矩形顶部边缘,差异最大。阴影比较难办,因为Sketch和iOS参数是不同。...最大区别就是没有“Spread”这个概念,虽然我们可以通过增加包含阴影图层大小来解决,但是效果依然不太好。 ? 在Sketch和iOS开发实现层面,阴影差异很明显。

2.1K21

一文彻底搞清楚 Material Design

iOS、Web 上。...如果根据view大小来生成对应阴影,就会出现很奇怪效果,(一个看起来圆形view展示出的确实一个矩形阴影)为了解决这个问题,view增加了一个新描述来指明内容显示形状,这就是轮廓。...关键灯会创建更加锐利方向性阴影,称为关键阴影。环境光从各个角度出现,创建扩散柔和阴影,称为环境阴影。...关键阴影 环境阴影 关键阴影和环境阴影 黑暗下 材质环境中阴影由关键灯光和环境灯光投射共同产生。在Android和iOS开发中,当光源在沿z轴各个位置处被“材质”表面阻挡时,会出现阴影。...在Web上,仅通过操纵y轴即可描绘阴影。以下示例显示了海拔为6dp的卡片。 阴影条件 阴影由轮廓和海拔共同决定。 海拔决定了阴影大小,轮廓决定了阴影形状。

2.1K10

4个免费屏幕截图美化工具|神器集测评

做产品运营朋友应该深有体会,当你需要去外部推广自己产品和编辑产品工具介绍文章时,好看产品工具截图能够为你加分不少,能够体现你工具专业性和美观性,今天神器集和大家分享4个我体验过截图美化工具,给出我个人喜爱度评分...主要功能:给图片套上浏览器外壳和添加阴影、更改背景颜色、以及padding大小;可以编辑截图大小,添加文字,给截图添加贴纸、emoji表情等;但是这部分功能我一般不太常用。...02.Supershots评分:⭐️⭐️⭐️一句话介绍:Supershots是一个视觉上极具吸引力截图美化功能,通过新潮渐变色背景加阴影打造美化截图效果。...软件提供了丰富可调节参数,帮助用户实现各种关于「美」创意:背景 (纯色 / 渐变 / 图片)、圆角、阴影、边框宽度、长宽尺寸等均可自定义。...Xnapper这是一个功能最全面的截图美化工具,它囊括了前面3个在线版截图工具都有的功能,并且在自动化方面做更出色。不足:免费版下载是带有水印,而其他三个工具都是完全免费。桌面版不如在线版方便。

99150

《Motion Design for iOS》(一)

在2013年六月,苹果推出了iOS 7,并与iOS 6大相径庭,让设计师回归本初。曾经代表漂亮iOS设计现实主义拟物化离去了,而一个更加平面、光滑,更加“计算机真实”美学到来了。...创建一个有着漂亮现实渐变色、阴影和高亮app界面是一件很艰苦事情。而创建一个根本没有渐变色和阴影并且主要由大块相同颜色组成app界面明显更简单。...现在,在这个iOS 7世界,很多iOS app分享了类似的视觉设计美学。类似的颜色,类似的字体,类似的空白。iOS 7app设计中渐变色、阴影和其他视觉装饰缺失降低了竞争(可以这么说!)...,并且现在设计师和开发者意识到不得不与他们竞争对手通过使用动作和动画来区分创意。 这意味着什么?在iOS 7之前app中也有动画,有什么改变吗?...查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS 查看作者首页

43710

「Adobe国际认证」三大科技巨头LOGO演变,能看懂,绝不小白

即使公司快速发展和变化,这个版本徽标仍然存在十多年。随着阴影去除,浮雕去除,以及 Google Doodles 不时与用户整合,它保持新鲜感,让事情变得令人兴奋和不可预测。...这个在粗体、浓缩 Helvetica 中看起来像“o”吃豆人取得了巨大成功,并保持了 25 年。 2012 年,微软终于摆脱了他们从概念开始就一直坚持黑白传统,以提供更多活力。...符号颜色方块旨在表达公司多样化产品组合。” 苹果 咬一口苹果永远不会一样。奇怪是,Apple 标志一开始并不是一个苹果。...沿着边界写着,“牛顿————'一个永远在奇怪思想海洋中航行思想————孤独。” 缠绕在图像上丝带上写着“Apple Computer Co”。 凭借其非常详细设计,这个标志最好挂在壁炉架上。...由于硬件设计变化,新单色标志设计发生了变化。苹果电脑现在使用金属外壳,标志反映了这一点。 随着时间推移,标志出现了几种不同色调,但仍然很简单。有半透明版、玻璃版、浅绿色版和镀铬版。

48300

一份超详细iOS 10 UI Kit」使用手册(附源文件)

iOS Split View 接着是最精彩地方了,你可能有注意到,Navigation Bar 除了下方有做阴影分隔线以外,右边也有: ?...右边线是使用阴影制作,因此 Sketch 不会将之计算在零件长宽里;也就是说,你把它用在 iPhone 稿子里,只要 Navigation Bar等于画板宽度,右边线自然会被排出在画板外,不必担心你稿子右边出现这条线...首先我们在右边再放上一条 Navigation Bar,图层顺序左在上、右在下,这样左边 Navigation Bar 阴影会很自然迭在右边那条上面(见下图)——由于 Sketch 不将阴影宽度计算在物体内...,因此贴边接合时,是对齐物体本身边界,而不是对齐阴影,真的很聪明呢!...如果说到这边你看不懂的话,有可能是你 UI 设计基本功需要加强,或是对于 iOS UI 细节观察不够。

1.2K80

移动体验设计6大禁

下面的例子是安卓和ios平台中相同内容显示差异: ? 安卓中UI元素(上)和iosUI元素(下) 相比于Material design,ios应用通常外观扁平,不使用厚度和阴影。...iOS版也有一个纯文本样式按钮,但它与安卓全大写字母不同,并且字体更纤细。 ?...安卓Material design(左)vs. ios(右),图片来源:tutsplus 字体也需要遵循每个平台标准:安卓使用Roboto字体,iOS使用San Francisco字体系列。...当网页端设计出现在移动应用时就显得很奇怪,这并不是因为哪里出错了,而是用户对于网页和移动应用期望是不同。举个例子:比如带下划线链接。...这是他关于Clear(一个待办事项应用)说法:“Clear在ios系统上评分信息对话框是基于一定条件才会弹出

2.1K130

iOS点击查看大图动画效果

点击大图或者阴影后,收起大图,同样地弹回到小图去,同时去掉阴影背景,就像是一张图片在伸大缩小一样。 现在看看这是怎么实现。...,直到撑到屏幕边界; 收起时先让阴影背景消失; 然后将图片逐渐收小到小图原本大小。...:屏幕高和宽,这样就会根据手机屏幕大小来保证图片始终是居中显示,关于这两个常量,可以查看我这篇博客:iOS获取屏幕宽高、设备型号、系统版本信息 好现在小图已经添加到界面上了,我们也给小图添加了响应点击方法...这里动画我们使用是最简单iOS 7开始支持基于blockUIView动画,在我这篇博客中也有详细讲解:iOS基础动画教程 然后,我们初始化了阴影背景视图,并添加到界面上,此时不要忘记,要再次将大图手动推送到最上层...,否则是会被后添加阴影视图覆盖

1.6K20

双管齐下:同时设计 iOS 和 Anroid

总体样式 从 iOS7 以后,Apple 就一直在采用扁平化设计模式,去除了所有不必要纹理和阴影等效果——和早些年间版本完全不同。...如果你要在 iOS 平台上应用阴影,你最好小心谨慎,尽量使得这些阴影不是那么明显。 ? 6....和 MD 相比较,iOS App 在外观上是完全扁平化,没有层级深度和阴影。主要按钮有填充颜色,次级按钮反转颜色,也就是说,有着主色边框和文字。...比如,当我点击(或者长按)我想要分享、上传、复制或者删除图片时。 iOS 和 Android 用近乎相同方式解决这种问题。首先,动作表单都是出现在屏幕地步,然后在主要内容上罩上一层阴影。...iOS 动作表单没有阴影,仅仅是在原先背景上防止了一个有一定透明度灰色图案。 ? 下拉按钮 只存在于 Android 上,它允许用户快速选择功能。然而,记住,这并不是 iOS 原生控件之一。

1.3K50

app中webview通识篇(上)

之后其他h5默认在这个类浏览器外壳中,针对前端一些固定布局方案,需要优化完善这个外壳,前端技改时间允许的话,最好给出完整确定方案可以在webview中无缝对接和展示 h5与app定制头 针对产品以及交互特殊需求...h5与app不同场景分享互通 比如:用户在不同app中:app分享到h5详情页,h5详情页也可以对应到app中打开 需要约定规则 app提供webview外壳 可以通过app外壳扫码进入webview...场景,模拟交互,开发阶段暴露解决一些app中问题 以上app解决方案集成在这个app外壳中 关于 app内webiew与h5通讯情况 作为常识我们知道,一般情况下webview页面是包括两种情况...相关通讯技术点可见下面的简陋图说明。 ? jsBridge参考文档 iOS与H5交互说明(iosiOS与H5交互,采用是JavaScriptCore方式。...注意:JSContext对象是在iOSwebViewDidFinishLoad:回调里完成绑定,在完成绑定前无法使用JS与OC任何交互。

5.1K20
领券