UI设计图标注工具大比拼作为一名在乎设计的前端程序,电脑里备着诸如PS啊AI啊Sketch之类的是一件很平常的事情,方便与设计稿进行对比啊(方便偷偷修改下设计稿,对个像素改个尺寸什么的,哈哈- -哈- -……)       当然,这些不是今天主要想说,今天主要想结合自己实际工作和历史积累的小小对比成果说下目前市面上的一些标注工具的优缺点好
转载 2024-01-19 17:57:39
69阅读
  从原理开始介绍一下移动端设计尺寸规范  初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。 现象  首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480x800, 4
转载 2023-07-30 18:32:18
0阅读
表面着色器的CG代码是直接而且也必须写在SubShader块中,Unity 会在背后为我们生成多个Pass。当然,可以在SubShader一开始处使用Tags来设置该表面着色器使用的标签。我们也可以使用LOD命令设置该表面着色器的LOD值。然后,我们使用CGPROGRAM和ENDCG定义了表面着色器的具体代码。Shader "Custom/test" { Properties {
叔想做个直播demo很久了,最近终于得空,做了一个视频群聊Demo,以飨观众。 直播云有很多大厂在做,经老铁介绍,Agora不错,遂入坑。Agora提供多种模式,一个频道可以设置一种模式。Agora SDK集成叔专注SDK集成几十年,Agora SDK集成也并没有搞什么事情,大家按照下面步骤上车就行。1.注册登录官网,注册个人账号,这个叔就不介绍了。2.创建应用注册账号登录后,进入后台,找到“添加
ui设计规范大全:ui的界面设计规范你了解吗?很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。下面这篇ui设计规范大全:ui的界面设计规范值得你看看。本文整理汇总了2020年最新的界面设计(iOS系统)中常用的一些UI尺寸规范大全以及ui设计语言和原则
ipad的尺寸规范现如今存在的ipad机型有哪些?那主流的设计尺寸有哪些呢?3.字体规范Apple Watch尺寸规范首屏图标80px (38mm)88px (42mm)长看图标80px (38mm) 88px (42mm)短看图标172px (38mm)196px (42mm)文字规范标题36px正文标题32px正文30px 备注、脚注、辅助文字24px、26pxwatch设计主题思想轻量:Ap
转载 2023-11-30 15:18:09
404阅读
屏幕尺寸 指实际的物理尺寸,为屏幕对角线的测量。 为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。 像素(PX) 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。 屏幕密度 为解决Android设备碎片化,引入一个概念DP,也就是密度。 指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(
   如今试图解决android平板的屏幕分辨率问题,眼下主要想到的办法是採用响应式设计和媒体查询,发现不管使用那种方式,工作量都非常大,调试都困难,悲催啊。       CSS的媒体查询尽管在传统的互联网页面可能发挥的余地不是非常大,可是自从苹果和安卓的风靡之后,移动平台上的web开发变得越来越流行了,同一时候CSS的媒体查询可谓派上了大用场了
转载 2024-08-24 20:40:40
28阅读
iPhone界面尺寸设备 分辨率 PPI
原创 2022-03-03 14:05:11
987阅读
# Android 图标适配与 UI 尺寸 在 Android 开发中,图标的适配至关重要,特别是当我们为不同的设备和分辨率设计用户界面时。为了确保图标在各种屏幕上的显示效果都能达到最佳,我们需要了解 Android 的不同 DPI(每英寸点数)和相应的图标尺寸。 ## 常见的 DPI 分类与推荐图标尺寸 Android 支持多种 DPI,主要有以下几类: - **ldpi** (低密度)
三种移动平台,三种风格迥异的UI界面。先有iOS,后有Android,但是Metro UI的风格,早在许久之前就深入现代设计殿堂。图:Metro UI(左)、iOS UI(中)、Android UI(右)Live & rich tiles对决静态图标。在Windows Phone中,图标按钮可以呈现出更加丰富的信息。图:Metro UI能推送更多信息集成流与独立应用。WP和Android在
iPhone界面尺寸设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 146px iPhone6 plus物理版
原创 2021-12-24 13:46:29
2637阅读
如果想减少手游打包的尺寸,第一步要做的是分析找出热点。 在console窗口可以右键打开editorlog,里面列举了本次打包编译的所有资源和大小。进行归类和细分,定位哪块内容最占空间。 一般情况下,有以下3方面消耗了大量空间。UI 素材场景纹理动画文件 图片最占用空间,动画文件比重虽然不低,但是压缩比高。图片打包时几乎是无法压缩的。 因此优化尺寸的重点就是在导入图片时设定正确的压缩格式。 sw
转载 2024-03-21 07:41:24
36阅读
对于刚入行的UI设计师,最容易犯的错就是在设计移动APP时,不懂什么尺寸或者用哪种屏幕的尺寸是最适当的?为了解决这个问题,今天我们就简单的为大家整理做UI时最基础的尺寸规范。 现象 首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中
转载 2023-12-20 17:34:36
649阅读
关于 iOS UI 设计尺寸规范iPhone,随着设备种类和屏幕尺寸的多样化,设计师必须了解不同设备的UI设计规范,以帮助创建一致且用户友好的界面。以下是我对相关问题的整理过程,包括环境准备、分步指南、配置详解、验证测试、优化技巧和排错指南。 ## 环境准备 在开始进行 iOS UI 设计前,确保你的开发环境中已安装以下依赖项。以下是需要的工具和相关安装命令: - **Xcode**: 构建
原创 5月前
37阅读
本期我们继续为大家进行Unity UI简介(第一部分)的后续教程本篇内容6.使用Canvas Scaler(下)文章末尾可免费获取教程源代码本篇Unity UI简介(第一部分)篇幅较长,分为十篇,本篇为第三篇。6.使用Canvas Scaler(下)画布缩放器具有三种缩放模式:Constant Pixel Size:使UI元素保留相同的像素大小,而不管屏幕大小如何。这是“Canvas”的默认值。S
转载 2024-04-24 23:13:37
49阅读
当iPhone和Android在市场上所向披靡的时候,搭载Windows Phone 7的手机也终于进入了市场。我打算写个Windows Phone 7应用试一下,就随便翻了翻Windows Phone 7的SDK,SDK写的很细致,上线也很及时,要是微软其他产品的SDK也能这样就好了。Windows Phone 7 SDK的许多章节都提示要先阅读《UI Design and Interacti
一、封装方法 1、编程如何越来越快:   首先,需要经验丰富,知识面广。   其次,每一个熟练编程的人员,都会有自己的一个库,解决各种问题、各种通用的方法函数。   同理,自动化脚本也是编程,测试用例则为需求,UI自动化编写虽然容易,但是界面变化快、维护庞大。所以封装通用方法,是最快最容易的途径。 2、哪些方法需要封装:   公共的操作方法   经常使用的步骤:超过两次以上   经
  很多刚入行的UI设计师开始接触网页端UI设计的时候,对于基础的界面尺寸规范可能会有一定的模糊认知,导致做出来的页面往往会感觉不是那么和谐,却也不知道怎么去完善和改进。  对于大多数的刚入行者来说,如果不是有天赋的那种设计师,了解常用的一些尺寸规范和方法,才能更好的形成自己的专业概念。今天我就带大家了解一下UI设计中网页的设计规范总结。  网页UI设计规范  1.网页规范:  网页宽度为1920
转载 2023-12-19 22:43:06
391阅读
  本文为Android UI设计的官方教程的译文的第一部分。本文原是Android的官方开发者博客的一份Android UI设计的幻灯片,我们把这个教程整理出来,希望大家喜欢。AD: 我们曾经给大家一个《MeeGo移动终端设备开发UI设计基础教程 》,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI
转载 10月前
28阅读
  • 1
  • 2
  • 3
  • 4
  • 5