zoukankan      html  css  js  c++  java
  • 一个程序员眼中的好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的设计图。(不知道这个算不算标准比例?)

  • 相关阅读:
    软件工程课感想
    冲刺阶段(二)第五天 5月19日
    CATransition转场动画
    UIView与CALayer的区别
    CALayer的基本属性
    CALayer的基本属性和contexts的内容 即添加图片
    Quartz2D-master手动截图
    CoreAnimation-06-CAKeyframeAnimation 相关代码
    CoreAnimation-06-CAKeyframeAnimation
    视频播放
  • 原文地址:https://www.cnblogs.com/angelshelter/p/5705305.html
Copyright © 2011-2022 走看看