切线空间的法线贴图,可以这样理解:#纹理坐标是从0到1,它的坐标是x向右,y向下  #顶点坐标是从-1到-1,坐标是x向右,y向上  1 由表面上某点的切线Tangent、副切线Bitangent、法线Normal形成一个新的坐标系,即切线空间。规定纹理坐标的方向u和v作为切线和副切线的方向。  3 修改法线的方向,会让表面看起来有凹凸感。这时在切线空间中,调整后的法线看起来是对原法线的扰动。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-16 00:41:22
                            
                                106阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录一、敌人的简单AI移动二、动画事件三、敌人的消失动画(对象调用)四、父子类及其调用五、小总结一、敌人的简单AI移动 首先需要建立两个新的空对象,这里用的方法是在frog下生成子对象但实际上可能另外生成两个对象会好一点,但这样做也有好处,可以方便之后的敌人的左右对象区分,对象的数量也不会有那么多,可能有些人就会想既然是子对象那么青蛙移动的时候点也会移动啊,好像没有什么价值,下面会介绍一个函数            
                
         
            
            
            
            (以下图片在IE浏览器中可能无法显示)在开始笔记之前先加点之前记下的小知识点:UIView的常见属性和方法:1.@property(nonatomic,radonly)UIView *superview;  获得自己的父控件对象2.@property (nonatomic,radonly,copy)NSArray *subviews;  获得自己的所有子控件的对象(数组元素的顺序决定着子控件的显示            
                
         
            
            
            
            这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍。这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用。这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-27 23:22:35
                            
                                64阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            兔课网——初学UI设计如何快速的学会切图?设计切图的原则:设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量,避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和            
                
         
            
            
            
            微微一运功,把家底都抖出来了。
不过,作为一个设计出身的前端来说,摸ps就和摸键盘一样了
所以可能教程中还是有没用过ps的人看不懂的地方,
欢迎加群讨论:613512106。。。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-26 16:53:20
                            
                                652阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            部分看了文章的设计师,来找我说怎么切图。sorry?在我的理解,这就是切图啊,但是他们所指的“切图”是,怎么把设计图制作成html页面。 在我看来,现在人们对于前端都是有误区的。认为前端是切图的,(也确实是这么叫的,本人情感上很不愿意听前端被叫做“切图的”)所以也会误认为我的这篇文章是写给设计师的。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-27 22:05:00
                            
                                298阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
        
        Supporting Multiple Screens
    首先和最后,还是先看好官方文档:http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了:Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-07 10:02:54
                            
                                36阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和所有开发全盘拉通,不然一切都是空谈。不同的团队使用的软件都不一样,如果经常使用sketch软件中Symbols 的同学,可能在命名的时候会考虑更多内容,但是照顾到还有很多同学在使用PS 作图,所以这里只介绍一种通用的命名规则,当然大家也可以根据自己的实际情况去制定,这里只提供一种方法与思路,仅供参考。一、为什么            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-16 06:23:28
                            
                                94阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            网络上已经有很多适配教程,可是看了半天总是半懂不懂。。最后还是要综合多个教程再动动脑子动动手,最好有程序大哥帮你试一下(这得有多大的福气) 如果有跟我一样情况的:1.       有人说用sketch自动导出多套尺寸切图和SVG矢量格式,表示没钱买MAC2.       有人说用切图神器cutman,表示用CC以上版本PS不支持            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-13 12:49:37
                            
                                102阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            注:下文中背景灰色的字体是保存文件的方法,是一致的(相同的)1. 利用切片工具手动划出:    选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格,拖动鼠标,在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式(JPG或者png-24)--> 点击下方的储存按钮 --&g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-24 06:54:32
                            
                                88阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            视频链接 常见的图片格式 1. jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,产品类的图片经常用jpg格式的 2. gif图像格式:GF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果,实际经常用于一些图片小动画效果 3. png图像 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-23 00:03:00
                            
                                737阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            PS有很多切图方式:图层切图、切片切图、PS插件切图等。 图层切图 切片切图 插件切图 Cutterman ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-29 12:51:00
                            
                                194阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            切图应该说是前端经常要做的事情,在切图的过程中如果遇到图层过于复杂图片又过于渺小的情况,我们往往需要放大整个图片并隐藏额外的图层来选择我们需要的图形区域,这相当的浪费时间和精力。这里介绍下我们如何通过Photoshop的动作功能来实现一键切图的效果。 (1)下载动作请戳这里下载动作文件:https:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-06 11:13:36
                            
                                221阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ---恢复内容开始---1.打开图片,另存为psd格式,保留原图,在psd上进行切片2.ctrl+r显示标尺3.键盘按“c”调出切片工具4.切片要点:应根据颜色范围来切切片越小越好切片区域完整性导出类型(颜色单一的导出为gif 透明的png  颜色丰富的jpg,动画gif)保留原文件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-25 10:59:01
                            
                                319阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Android 切图:从设计到开发的桥梁
在现代应用开发中,设计与开发之间的有效沟通是至关重要的。而“切图”这一过程,正如其名,是将设计师所创造的视觉元素转化为开发者可以使用的素材。本文将详细介绍 Android 切图的过程、工具及技巧,并通过实际的代码示例帮助理解如何在 Android 项目中使用这些切图。
## 什么是切图?
切图是把设计好的页面或元素(如按钮、图标等)提取出来,并转            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-09 06:46:36
                            
                                154阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            对于我这种前端初入门者来说,切图也是要必须学的。下面就是我参考资料的学习记录:一、切图方式分类Photoshop传统cs版本     传统切图(手动切图、参考线切图)Photoshop cc版本     精准切图、利用脚本执行全自动切图二、切图准备1.在开始切图之前,首先要对photoshop软件进行设置,将基本单位改为“像素”,菜单栏“编辑”-----“首选项”-----“单位与标尺”----设            
                
         
            
            
            
            在目前主流的界面设计切图工具中,ui设计师们都比较喜欢使用Cutterman工具进行切图,因为这款切图工具是国内研制的,一方面体现中国设计师的爱国,另一方面,这款切图工具自身的功能使用起来非常方便,并且有个平台的切图方式。新版cutterman的插件新功能如下:  IOS: 如果你是为Iphone界面设计,请使用ios标签,它能够为你生成符合ios系统的单/双倍图Android            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-19 13:02:50
                            
                                111阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。设计切图的原则设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量,避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-23 09:51:56
                            
                                167阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            从2011年开始接触APP,到现在为止也做了几个了,发现了一个共同点就是和每一个技术搭档切图的时候,会遇到不同的问题,因为技术的水平高低有限,所以他们要求你给切图的时候也会不一样,针对切图后来我总结了一套规律分享给大家,希望互相学习~一.android版在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了,我            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-26 07:49:05
                            
                                164阅读