Supporting Multiple Screens
首先和最后,还是先看好官方文档:http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了:Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
一.术语解读和系统平台对比 android是Google公司开发的操作系统。 iOS是苹果公司的移动操作系统。 二导航方式不一样 iOS的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab本身可以滑动,比如天猫的。还有新闻类的应用。 Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换,Tab多的话,Tab本身也可以滑
转载
2024-01-08 17:15:24
70阅读
从2011年开始接触APP,到现在为止也做了几个了,发现了一个共同点就是和每一个技术搭档切图的时候,会遇到不同的问题,因为技术的水平高低有限,所以他们要求你给切图的时候也会不一样,针对切图后来我总结了一套规律分享给大家,希望互相学习~一.android版在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了,我
转载
2023-09-26 07:49:05
164阅读
# Android 切图:从设计到开发的桥梁
在现代应用开发中,设计与开发之间的有效沟通是至关重要的。而“切图”这一过程,正如其名,是将设计师所创造的视觉元素转化为开发者可以使用的素材。本文将详细介绍 Android 切图的过程、工具及技巧,并通过实际的代码示例帮助理解如何在 Android 项目中使用这些切图。
## 什么是切图?
切图是把设计好的页面或元素(如按钮、图标等)提取出来,并转
原创
2024-10-09 06:46:36
154阅读
注:下文中背景灰色的字体是保存文件的方法,是一致的(相同的)1. 利用切片工具手动划出: 选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格,拖动鼠标,在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式(JPG或者png-24)--> 点击下方的储存按钮 --&g
转载
2024-06-24 06:54:32
88阅读
很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的。IOS我这边暂不作讲解,因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则,并将其中有价值传播给大家。
转载
2023-07-31 22:15:16
90阅读
如上图,设计效果图中红色区域是文字排版区域,是理想化的位置,1和2的高度是相等的;而实现效果图中3和4的高度是相等的。问题出现了!在我们画点九的时候,把投影的高度也画进去了,所以视觉上文字就偏下了。我们通常的画法应该是:1. 在高度不拉伸的情况下,在空白区域点一像素的点。这是与开发同学之间约定俗成的习惯,凭着默契就知道此按钮高度不进行拉伸,而且就是被拉伸了,拉伸的是空白区域,视觉上也不会造成影响。
转载
2023-10-04 09:25:54
52阅读
WeUI是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计,使用户感知更加统一,包括button、cell、dialog、progress、toast、article、actionsheet、微信weui开发团队可以直接使用icon等各种元素。下面资源社区中WeUI微信小程序组件库的WeUI设计规范和技巧,帮助设计师快速启动WeUI的产品设计。微信小程序组
如何让APP设计,APP切图高效的与开发对接,似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图,再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们,经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导,应用于iOS和Android两个平
转载
2023-11-06 13:39:34
65阅读
如何让APP设计,APP切图高效的与开发对接,似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图,再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们,经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导,应用于iOS和Android两个平台。今天跟大
转载
2023-11-06 13:39:34
57阅读
WeUI是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计,使用户感知更加统一,包括button、cell、dialog、progress、toast、article、actionsheet、微信weui开发团队可以直接使用icon等各种元素。下面资源社区中WeUI微信小程序组件库的WeUI设计规范和技巧,帮助设计师快速启动WeUI的产品设计。微信小程序组
在目前主流的界面设计切图工具中,ui设计师们都比较喜欢使用Cutterman工具进行切图,因为这款切图工具是国内研制的,一方面体现中国设计师的爱国,另一方面,这款切图工具自身的功能使用起来非常方便,并且有个平台的切图方式。新版cutterman的插件新功能如下: IOS: 如果你是为Iphone界面设计,请使用ios标签,它能够为你生成符合ios系统的单/双倍图Android
转载
2024-02-19 13:02:50
111阅读
Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导入到 Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需
转载
2024-04-10 18:55:49
53阅读
一、前言
切图作为美工出图的最后一步,向来都是令人头疼的工作,其工作内容繁琐枯燥,但又必不可少。同时,作为IOS开发者,我们往往需要为程序准备两 套图片资源,以应对低清屏和Retina屏的不同需求,随之而来的是切图工作量的成倍增加。今天为大家推荐一款Mac下的切图小工具——Slicy,以上 烦恼皆可得到妥善的解决。
软件特性:
转载
2024-01-11 13:08:29
63阅读
关于iPhone6/6+适配问题一直有争议,今天小编专门为大家整理了相关的有效方案,希望对大伙儿有帮助! 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代。看看下
转载
2023-07-24 14:22:01
71阅读
本文主要介绍如何制作 切图.9.png(点9图),另一篇姊妹篇文章
Android屏幕适配全攻略(最权威的官方适配指导)的
[使用自动拉伸位图]一节中有关于 9.png 的padding设置问题。 在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格
转载
2023-11-15 16:19:41
70阅读
切图网(www.qietu.com)是领先的前端技术领域开发和服务商,随着手机移动平台的快速普及,webapp的市场已经非常成熟,而webapp的 手机前端开发人员非常紧缺,这就导致了这块市场的空缺,一直作为前端领域的切图品牌-切图网,推出了首个手机3g网站平台的前端开发整体解决方案。这也是 切图网在大力推出html5页面切图之后的又一个解决方案。 手机用户蕴藏着大量的用户和财富 切图
转载
2023-12-17 16:35:10
308阅读
其实25学堂分享切图的干货很多了,今天学堂君就给刚刚入门学习APP设计的小伙伴一些干粮。优秀的切图工具推荐:Cutterman想要了解更多APP切图工具Cutterman的干货,大家可以在25学堂上搜索:Cutterman就可。Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程
转载
2024-08-11 09:46:23
129阅读
在学习tensorflow的过程中,有很多小伙伴反映读取数据这一块很难理解。确实这一块官方的教程比较简略,网上也找不到什么合适的学习材料。今天这篇文章就以图片的形式,用最简单的语言,为大家详细解释一下tensorflow的数据读取机制,文章的最后还会给出实战代码以供参考。一、tensorflow读取机制图解 首先需要思考的一个问题是,什么是数据读取?以图像数据为例,读取数据的过程可以用下图来表示:
# Android Mask切图
在Android开发中,我们经常需要对图像进行切割,以满足不同的界面需求。而使用Mask来进行切割是一种常见的方式。本文将介绍Mask切图的概念和使用方法,并给出相关的代码示例。
## 什么是Mask切图
Mask切图是指将一个图像根据另一个图像的形状进行切割,只保留形状内的部分。这个形状图像被称为Mask,通常是一个黑白图像,黑色表示需要切割的部分,白色表
原创
2024-01-19 07:54:54
283阅读