一个程序员眼中的好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编辑  收藏  举报

导航