一个程序员眼中的好UI
最近接到一个项目发来的UI设计图,我觉得她给的材料很专业,特此分享。
发的RAR压缩包里面有一个images目录,里面放的都是切片好的图片。
图片切片基本上都是靠近边线切的,边上留的空白很少,这样切的图片可用性很好,作为程序员不用去计算那空白的距离。用起来方便。
给的切片都有大中小三种尺寸,程序员可以自由选择。(不过我一般都选最大的,因为最大的图片也是蛮小的(文件比较小)。)
它的文件命名很用心:
call.png、call@2x.png、call@3x.png 大小比例在里面
eva_stars_kong.png、eva_stars_pre.png
tab_home.png、my_icon_money.png
fabu_box_pre.png、home_btn_follow.png
界面:每一个界面都有两个图片,一个是效果图,另一个是效果图上标明距离、字体大小、颜色的说明图。赞。
还有一些帮助文档: 比如 提示文字.doc里面列了一些文字提示语言,或是一个状态说明。或是一些图片不好表达的东西。
我想那个ui一定是一个女生,她还担心你的电脑没安装word,特意还准备了一份 提示文字.txt
如果说还有什么需要吹毛求疵的话,能提供psd原文件最好了。还有就是我习惯用640*960的设计图。(不知道这个算不算标准比例?)
posted on 2016-07-25 20:55 angelshelter 阅读(308) 评论(0) 编辑 收藏 举报