2015年12月

公司内部有一款企业社交产品share,近期打算开发手机版,初期规划是通过webapp的方式嵌入到另一款即时通信native app。之前团队还未接触过手机应用的页面重构工作,这次由我打头炮,搭建这款webapp的基本页面样式框架。虽然曾经读过几篇关于webapp的经验总结的文章,也了解过HTML5、CSS3的新特性,但是实战起来还需要摸索。下面总结了这次开发的几点经验,分享给大家,若有不当之处欢迎斧正。一、页面head头部的meta声明针对移动设备的特性,在head标签内需要添加一些特殊的声明。<meta name='HandheldFriendly' conten- 阅读剩余部分 -

像素, PIXEL,多少设计师最熟悉的陌生人。先科普,PIX+EL,Picture Element,赤果果的告诉了我们像素即是图像元素,是构成位图的最小单位,可以简单理解为图片所包含的“细节”数量。我们必须形成一个清晰的概念:像素是电子图片大小的唯一衡量标准。然而像素并没有确定的物理尺寸,它仅仅代表着一个“着色点”。另一个紧密相关但又常被误用的概念,分辨率,则和像素一起决定图片的物理尺寸,稍后我们会具体谈到。像素这个在digital design里面最为基础和核心的元素在各种问答和论坛被各种以讹传讹,误导了一代代的设计师。在这次我们搜集iOS APP设计规范的过程中,我突然- 阅读剩余部分 -

论文组有同学在开发安卓端的App,结合自己实习和自学的经验,写篇小东西简单介绍下安卓端App设计的基础知识吧~ 1. 分辨率要做安卓端的UI设计,首先比较了解安卓机的各种分辨率。Android的麻烦在于“各种价位,各种性能,各种分辨率”, 不同的分辨率对应不同的dpi模式。Android支持多种不同的dpi模式:ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi常见的三种是mdpi hdpi xdpi 。 mdpi,对应480*320的手机。hdpi,对应800*480的手机。主流机型,很多。xdpi,对应1280*720的手机。三星Galaxy系列。至- 阅读剩余部分 -

刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大,文字该用多大才合适,要做几套界面才可以?什么七七八八的也着实让人有些头疼。废话不多说,希望大家耐心看完后,不用再纠结于尺寸相关的东西了~一些入门会遇到的基本问题吧~研究的过程中也发现了很多细节上的问题~也请教了很多人~总之,加油吧~努力吧~

刚接触移动应用的界面设计,最先跳入脑海的疑问是:画布尺寸设计多大(特别是Android)、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现?本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索,来分享移动应用界面设计中的尺寸规范等问题,希望能给移动端的新手设计师些许指引。若有不当之处,欢迎斧正。一、android篇1、android分辨率Android的多分辨率,一向是设计师和开发者非常头疼的事儿。尽管如此,对于多分辨造成的复杂问题,也是大家要优先解决的。Android支持多种不同的dpi模式:ldpi 、mdpi 、hdpi 、x- 阅读剩余部分 -