logo切图大小对应的尺寸

前言 设计师和程序猿沟通总是需要花费不少时间,并且很多时候因为没有规范可依最终导致设计师修改设计或切图(开发童鞋一般比设计师更强势).凡是这类问题都可以通过规范来改善和提高效率.网上很多编码规范和设计规范,但是缺乏程序猿和设计师之间沟通的规范.下面我和大家分享一下目前我工作中程序猿和设计师的沟通规范--切图命名及切图管理.如果你有更好沟通规范欢迎留言分享,也可以加群沟通:196761677.311536202. 命名规范 目前存在的问题 设计师不知切图如何命名,尤其是图片多了之后. 设计师不知道

UI设计规范一iOS字体和切图及规范 说明: 1.对象为程序员等开发人员. 2.方法有千种,仅供参考. 3.文档的本质是备份与查看,对外方便协作与对内提升效率. 4.文档不是万能的,如果文档查看对象看不懂,就没任何意义.我喜欢当面沟通,因为能避免大部分文档的局限性 规范 一.字体 我个人设计时按照iOS设计尺寸 iPhone6(750px*1334px)来进行页面的设计.在iOS开发中iPhone4.5.6.7是共用一套字体规范.在设计中按iPhone6设计版尺寸(750px*1334px)中适

一.什么是切图? 切图就是从网页设计稿中切出网页素材,比如一些小的按钮.小的图片.页面的LOGO.网页的背景图片等. 然后就是页面编码,引入图片资源 在HTML里通过 img 标签引入图片资源 <img src="images/avatar.jpg" alt="头像"> 在CSS里面通过background属性引入图片资源 .icon { background-image:url(../images/avtar.jpg); background-posi

[学习过程遇到疑问和延伸阅读] 1.Sublime Text 安装插件的方式 一开始以为直接安装.原来在安装丰富的插件之前,Sublime Text需要通过Package Control这个插件来管理.作为基础插件来管理其他的插件.安装成功之后在菜单栏Preferences下才会有Package Control. "Sublime Text 2 也拥有良好的扩展功能,这就是安装包(Package):通过 Sublime Package Control,安装.升级和卸载 Package 也变得轻松

  自由的控制视图系列 自由的浏览图片:按住空格后,鼠标拖动 自由的缩放图片:按住alt+滚轮 切换到实际像素(100%):Ctrl + 1 工作区类型切换:Tab 控制内容系列 通过画面上点选一个图层:Alt + 鼠标右键 在画面上拖动一个图层:V 切换到移动模式 鼠标拖动 复制拖动一个图层:移动模式下 Alt+拖动 删除一个图层:选中要删除的图层 按下 Delete 合并多个图层:选中要合并的图层 按下 Ctrl+E 选区内填充颜色:Alt+Delete (前景色) Ctrl+Delete(

网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选项设置 编辑->首选项->单位与标尺,选改为像素. 1.2 面板 在"窗口"菜单下开启: 工具(默认已开启) 选项(默认已开启) 图层(默认已开启)

1.App Logo大小共五种: 48*48 72*72 96*96 144*144 192*192 2. App启动页所需尺寸: 320×480 480×800 720*1280 1080*1920 3840×2160 1.    切图须要两套分辨率的图:480*800.720*1280.分被放在不同的目录中,同一张图片,在两个目录中的名字要一致. 2.    如遇到可拉伸可平铺的图片,使用9Patch进行制作.产生xxx.9.png图片就可以.长处:灵活度大,可复用,程序包大小降低,添加程序

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选