![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI设计
文章平均质量分 59
xosg
这个作者很懒,什么都没留下…
展开
-
SVG实现小苹果图标
用SVG实现的一个小苹果图标,只有半KB,小巧玲珑,由3块组成(按照z-index排序):叶子(棕)、苹果(红)、高光(白)。其中叶子和高光共用了一个,但颜色不同。如果通过二进制的svg格式可以压缩到更小,但目前技术尚不成熟。原创 2022-10-11 23:45:00 · 288 阅读 · 0 评论 -
UE5神通--POI解决方案
三维可视化中,最常用的功能是定位一个POI点(point of interest,兴趣点),表示三维空间中用户关心的某一个坐标,通常需要在屏幕空间中标出这个坐标位置,通过一条箭头线指向这个POI并在旁边写上一些属性信息。通过一个箭头指向POI所在的精确位置,避免一张图片覆盖在POI前面。通过预设的字体图标库,指定任意的图标(字符),避免图片管理的困难。允许在图标旁白标注名字,用简短的文字表示POI的标题。POI标题可以省略,代表纯图标的POI。图标外框可以选择不通的形状:菱形、圆形、圆角方形等。整体可以选择原创 2022-06-24 23:45:00 · 1049 阅读 · 0 评论 -
PhotoPea:免费在线P图的PWA软件
如何从命令提示符运行 EXE 文件您是否需要在 Windows 上打开程序而不单击其图标或菜单项?由于“开始”命令,从 Windows 命令提示符或 CMD 运行程序很容易。这篇 wikiHow 文章将教您如何使用命令提示符从命令行启动 Windows 中的可执行 (exe) 文件。步骤 1 打开计算机的开始菜单。单击桌面左下角的“开始”按钮以打开“开始”菜单。 正在..原创 2022-04-19 15:51:01 · 4331 阅读 · 0 评论 -
分享一款在线贝塞尔曲线调试器
前言 介于很多前端小伙伴对于css3的动画的运动速度不太理解,今天就分享一款可以在线调试的贝塞尔曲线,附上链接,http://cubic-bezier.com/#.17,.67,.83,.67规则1.ease对应自定义cubic-bezier(.25,.01,.25,1),效果为先慢后快再慢;2.linear对应自定义cubic-bezier(0,0,1,1),效果...转载 2018-09-25 13:49:04 · 4903 阅读 · 0 评论 -
虚幻的UI设计中有关“颜色”的规律总结
利用可见光的不同颜色来区分目标的类型,一直是业界常用的UI技巧,很大程度上能减少字符和图标的使用,让人一目了然。虚幻引擎IDE的UI界面似乎把颜色利用到了极致,在虚幻引擎中至少出现了5个...原创 2020-09-19 12:07:52 · 1438 阅读 · 3 评论 -
深刻理解Vue中的组件 (为了生存不得不学Vue)
转自:https://segmentfault.com/a/1190000010527064#articleHeader142018-07-19更新:更新作用域插槽的属性:scope->slot-scope; 添加了对象解构。2017-08-06 发布 读完需要 52 分钟今天看了下Vue官网上关于组件的教程,感觉内容还挺多,现在把组件中基本的知...转载 2019-05-29 19:54:07 · 442 阅读 · 0 评论 -
谈谈可视化编程 (转)
原文链接:https://mp.weixin.qq.com/s/G1zDUG5mCGOKQpYBk5Na2Q在计算中,可视化编程语言(VPL)允许用户通过图形化操作程序元素而不是通过文本指定来创建程序。但一直以来,除了在一些非常有限的领域外,可视化编程都未成功。对此,有人认为文本编程语言混淆了编程的本质,也有网友表示为支持编程而开发的工具并不重要,那么可视化编程的出路到底在哪里?对此...转载 2019-06-17 20:32:16 · 15278 阅读 · 2 评论 -
html几种美丽的分割线
普通<HR><HR align=center width=300 color=#987cb9 SIZE=1>align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度特效(效果并不是孤立的,可相互组合)1、两头渐变透明:<HR style="FILTER: alpha(opaci...原创 2018-01-05 11:00:18 · 101296 阅读 · 8 评论 -
★10 个实用技巧,让苹果Finder带你飞~
10 个实用技巧,让 Finder 带你飞Finder 是 Mac 电脑的系统程序,有的功能类似 Windows 的资源管理器。它是我们打开 Mac 首先见到的「笑脸」,有了它,我们可以组织和使用 Mac 里的几乎所有东西,包括应用程序、文件、文件夹、磁盘以及你网络上的共享磁盘,你同时可以通过它看到丰富的、高质量的文件预览。接下来笔者将和你分享自己使用 Finder 的一些...原创 2018-01-05 11:05:48 · 1680 阅读 · 3 评论 -
是时候统一一波编辑器标准了! /框架推荐
做UI --- 看似没有太高深的技术含量, 但是确实整个前后端最烦人的任务, 尤其是web应用, 里面有各种控件和文本框, 除此之外还要合理的用UI表现数据的状态和关系, 暗示用户操作等待, 我每次考虑倒着写细节的时候都非常不开森.在介绍我最爱的json-editor之前先来思考几个问题:有没有思考过, 几乎所有的表单/编辑器都是一个json?比如这个:其中输入框/大文本框/(...原创 2019-02-16 15:34:26 · 1847 阅读 · 1 评论 -
Material Design Component 4 Web 框架推送
MD不用多说了, GUI领域处于统治地位的规范, 上次我们介绍了基于MD实现的web框架mdl, 但是很遗憾mdl的开发团队于多年前放弃这个项目了, 取而代之的是MDC:Material Design ComponentMDC更像是一款ui插件而不是ui框架, 因为mdc里面每一个ui组件都是可以拿出来单独使用的.在MDC的开发主页上我们可以看到, Google已经贴心的提供了4个...原创 2019-01-29 13:35:12 · 3127 阅读 · 3 评论 -
GPU硬件加速原理 /转
硬件加速主要就是利用GPU提供的一些功能,使GPU为CPU分担一些任务现代浏览器大都可以利用GPU来加速页面渲染。每个人都痴迷于60桢每秒的顺滑动画。在GPU的众多特性之中,它可以存储一定数量的纹理(一个矩形的像素点集合)并且高效地操作这些纹理(比如进行特定的移动、缩放和旋转操作)。这些特性在实现一个流畅的动画时特别有用。浏览器不会在动画的每一帧都绘制一次,而是生成DOM元素的快照,并作为GP...转载 2018-12-17 10:46:07 · 3835 阅读 · 2 评论 -
卧槽! JavaScript JVM运行Java!!
由于任何计算机语言都具有巨大的灵活性,软件世界变得有点疯狂。一旦你已经吸收了用这种语言编写的编译器的想法,那么它会编译还有什么可以留下来的?但是......用JavaScript编写的Java虚拟机JVM似乎是另一种疯狂的程度。事实上,这是一个非常合理的想法,只会让Java,顶级狗和基础的JavaScript通常占据通常的位置。Java不是编译为机器代码而是编译为特殊字节代码,然后在通常在本机...原创 2018-01-05 11:05:13 · 1815 阅读 · 0 评论 -
将客户端信息记录到服务器的简便方法
JavaScript调试在Web应用程序开发中是一件非常麻烦的事情。因为如果您编写的JavaScript代码中存在任何错误,许多Web浏览器都不会通知您。他们只是默默地失败并阻止以下代码执行。为了调试JavaScript代码,我们需要一个良好的日志机制来帮助我们记录错误信息,我们经常需要将JavaScript代码中的错误记录到服务器以便在生产Web应用程序中进行调试,我们应该做什么?我们想...原创 2018-01-05 11:04:33 · 1367 阅读 · 0 评论 -
透明遮罩图层VS高斯模糊滤镜 效果分析
前端流行布局中最常见的弹出图层有popup, 对话框, tooltip等, 他们都使用了新的图层,但是实现办法各不相同, 有 的是通过半通明的黑白图层实现的, 有的是通过滤镜实现的, 我们来研究一下两者的区别 和使用场景.半透明遮罩层透明图层是实现很简单, 是在每一个像素上分配一个权重值, 0~1, 剩下的颜色计算自底层, 经过叠加计算得到新的像素 alpha叠加原理来自上...原创 2018-11-26 20:02:24 · 4353 阅读 · 0 评论 -
理解JavaScript中的“原型”
出于本文的目的,我将使用ECMAScript 5.1中定义的语法来讨论JavaScript对象。第3版中存在基本语义,但它们并没有很好地暴露出来。一个全新的对象在JavaScript中,对象是键和值对(在Ruby中,这种结构称为Hash;在Python中,它称为字典)。例如,如果我想描述我的名字,我可以有一个带有两个键的对象:firstName指向“Yehuda”并lastName指向“K...原创 2017-09-16 14:28:08 · 561 阅读 · 0 评论 -
UI领域中常常听见的''modal''到底是什么?
模态窗口其实就是个弹窗....问题总结用户需要采取操作或取消覆盖,直到他可以继续与原始页面进行交互, 这是最原始的modal定义, 本质上是页面在时间维度上的中断系统:来自wiki百科:Modals have been considered a UI anti-pattern. The main reason lies in the definition of a modal...原创 2018-11-27 10:56:09 · 2085 阅读 · 0 评论 -
MDL---Material Design Lite框架推荐
INTROmaterial design相比不会陌生, 现在的移动端基本遵循了这个设计规范, 微软退出过一个残次品universal design(花了半个月时间赶出来的规范)也是借鉴了MD的思想, 官网如下:getmdl.io -vanilla CSS,HTML和JS中的组件和模板库 早在2014年,Google就发布了material design 规范,目标是为所有设备外...原创 2018-12-07 13:44:53 · 2773 阅读 · 1 评论 -
快速上手最棒的网格框架ag-Grid
由于对aggrid由衷的感谢, 又忍不住写了一篇软文来推广它(其实主要是为了弥补我把enterprise版扣下来后内心的愧疚...)ag-Grid是速度最快,功能最丰富的JavaScript datagrid组件, 没有之一, 事实证明了它确实是业内口碑最高的框架之一Datagrid是您在用户界面中可能多次遇到的问题。它是一个以表格形式显示数据的组件。数据中的每个项目都显示为一行,分为项目...原创 2018-12-15 22:33:05 · 21689 阅读 · 20 评论 -
BeamNG.drive物理引擎评鉴
BeamNG.drive是一款由BeamNG公司开发并于2013年首次发布的软体物理模拟游戏。作为模拟游戏,特别是物理模拟的粉丝,我早早就开始使用BeamNG.drive。我立即对崩溃的准确性和细节印象深刻,因为游戏拥有实时,软体动态物理结构,使用实时物理计算算法。结果是与各种物体和其他景观障碍物相互作用时惊人的车祸。 没错, 我最近对游戏的关注度越来越多了,尤其是3d物理引擎,以及g...原创 2018-12-16 21:34:49 · 5655 阅读 · 0 评论 -
对设计领域中Tile和Card的理解
前端工程师离不开设计, 谈到设计就要想到大名鼎鼎的material design主题, 而material是以card为经典单元的, card即卡片, 是层次化模型的最小模块, 用于提供扁平化的信息, 想必大家都不陌生, 但是近几年出现了新的设计元素, Tile, 翻译过啦叫'瓦块', 初次接触这个名词非常的陌生, 也非常难理解, 其实瓦块是和卡片类似的物理元素, 初学者可以将tile看做成c...原创 2018-11-24 23:23:14 · 3117 阅读 · 1 评论