UI设计基础知识 | 关于屏幕尺寸、分辨率、填充&边框
边框样式边框可以有不同磅数(宽度)的点,可以是虚线或点线。我们也可以用颜色和渐变来填充它。大多数的设计工具都允许你修改线条的端点和连接点(也称为路径)。端点可以是开放的、平的或圆的,而连接点可以是尖的、圆的或有角度的。如果你的界面一般都是圆润的,那么连接点和端点的圆润度可以很好的发挥作用。
小米瀑布屏新专利曝光 UI覆盖到机身两侧边框区域
在进入主屏之后,侧边UI会显示常见的状态图标,比如电量、信号强度等。但在打开特定的App之后(比如媒体播放器),它又可以展示相应的控制元素(暂停/切歌等)。(图viaLetsGoDigital)由于这份专利主要集中在用户界面上,因此机身背部和底部的细节并不清楚。另一个让我们好奇的地方,莫过于机身正面的无边框设...
UI界面设计 - Apple Vision 产品设计指导(二)
在比较黑暗的环境光下,通过减少对UI照射光强度,降低用户用眼压力。-可以通过毛玻璃颜色的深浅进行功能区域划分虽然背景是毛玻璃效果,但是毛玻璃依旧有深浅之分,可以通过深浅对比产生功能模块的划分。例如搜索的输入框,就是用深色代表凹下,以引导用户输入内容。-用好毛玻璃的深浅颜色对比例如在下面图中加一个...
UI设计干货!10个技巧提高你的界面设计能力
空格可能是一个重要的工具。但是,不要过度使用它,只需少量的空白即可为你的设计注入活力,它是改进设计的最佳和最快的UI设计技巧。10.从新工具中获得实践经验没有工具的帮助,就不可能做出实用的设计。因此,推荐使用Pixso在实践中改进你的设计。Pixso是一款一体化产品设计工具,包含数百个你在其他工具中找...
全新Office UI界面来啦 面向全体用户进行推送
全新OfficeUI界面开始面向全体用户进行推送了,我们现在来看下这一UI界面,在Ribbon菜单上,圆角边框的样式被采用,而且可支持自定义。仔细来看,一些操作系统的套件按钮得到了调整和刷新,给人耳目一新的感觉,包括Word、Excel等。对于不适应新UI界面的用户来说,可在打开Word、Excel等系统之后,点击右上角类似扩音器的图标...
Office界面变了!全新UI正陆续对所有用户推送:适配Win11
本周微软宣布,全新OfficeUI界面开始面向全体用户推送,覆盖Office365和Office2021客户,支持的操作系统为Windows10和Windows11(www.e993.com)2024年9月7日。事实上,该界面早在今年初就官宣了,夏天开始首批测试,如今稳定转正。新UI主要是为了适配Windows11,主要变化在于Ribbon菜单采用圆角边框,支持自定义选项,还有对Word、Excel、PowerPoint、Ou...
UI界面细节不够?你需要掌握的17条关键原则
1.去掉多余的框和线将多个模块分开的最简单的方法是使用一个框或1px线。但这还不是最好的方法。我见过一些设计作品,框里有框,每个框都有1px框线。在这种情况下,你需要停下来思考:这样做真的合适和必要吗?如今的界面往往到处都是卡片:电商平台里商品的卡片,动物护理应用里的卡片,外卖APP里披萨餐厅的...
B端UI交互界面基础组件——输入框(上)
B端UI交互界面基础组件——输入框(上)编辑导语:我们在很多平台都会用到输入框这个功能,输入框设计的好与坏对用户的体验关联非常大;遇到过一些输入框,句子过长就隐藏了后面的内容,让用户根本没办法一目了然,也不好修改;本文作者详细介绍了B端UI交互界面基础组件的输入框,我们一起来看一下。
ui界面图设计教程
AI默认是以消锯齿的方式填充颜色。在执行消锯齿操作时,图形边缘的像素会被设置为半透明。所以在边框处的蓝色细线,实际上是边框边缘的半透明像素叠加到蓝色基座的半透明像素上,因此看上去是暗蓝色。所以,UI图设计中首先要给图形加上一个位移路径效果,避免边缘出现蓝色的细线。内发光效果:给圆形底座的边缘加上...
前端智能化实践:从图片识别UI样式
本文要介绍的是前端智能化的一类实践:通过计算机视觉和机器学习实现自动提取图片中的UI样式的能力。具体效果如上图,当用户框选图片中包含组件的区域,算法能准确定位组件位置,并有效识别组件的UI样式。样式提取方案本文基于OpenCV-Python实现图像的样式检测,主要分为三步:...