UI笔记

作者: 榆木Leah | 来源:发表于2015-06-06 17:20 被阅读232次

 神器:Corener Editor   插件描述:变形的形状后还可设置圆角

【系统规范】

IOS启动页规范

iPhone4   只需要适配启动图片,如果不适配上架会被拒   Default-320w-480h@2x.png 分辨率 640 * 960

iPhone5   只需要适配启动图片,如果不适配上架会被拒   Default-320w-568h@2x.png 分辨率 640 * 1136

iPhone6   Default-375w-667h@2x.png 分辨率 750 * 1334

iPhone6P   Default-375w-667h@3x.png 分辨率 1242 * 2208

iPhone6P  横屏,把竖屏的图片横过来就行,如果不适配上架会被拒   Default-667w-375h@3x.png 分辨率 2208 * 1242

icon的统一性:断点,安全框

icon图标尺寸原理:比如 @1x 40*40 @2x 80*80 @3x 120*120

区域:点击的按钮&图形不得小于 Retina屏幕 88x88px  普通屏幕 44x44px

切图:小于左侧尺寸的以png-24空白区域切图

命名:两倍图以@2x做后缀

单独存在的部件尺寸必须是【偶数尺寸】

【适配方案】设计建议设计尺寸iphone5      适配iPhone6时乘以3/2

按iPhone5尺寸(640*1136) 按iphone5模拟尺寸(320*568)标注,6Plus微调bug 输出@2x&@3x png图片资源

适配6plus内容全部必须得放大1.15倍

【舒适值字体建议】以iphone5 @2x尺寸举例,设计商业app时可参考

导航栏navigation bar标题字体  36,38,40,42

主要内容标题字体 28,30,32,34   (*如标题 名称 正文 依照产品特性选用字体)

次要内容字体 24,26,28  (*如说明 副标题等 依照产品特性选用字体)

次要内容字体 20,22,24  (*如说明 小标题 时间 地理位置等 依照产品特性选用字体)

相关文章

  • UI--Mark No.01

    UI--Mark,Mark [mɑ:k] n,笔记,希望大家喜欢~

  • UI--Mark No.03

    UI--Mark,Mark [mɑ:k] n,笔记,希望大家喜欢~

  • UI笔记

    1.基础操作 2. 为按钮添加事件处理 3. 输入框 4. ImageView 5.进度条 6. AlertDia...

  • UI笔记

    神器:Corener Editor 插件描述:变形的形状后还可设置圆角 【系统规范】 IOS启动页规范 iPho...

  • UI笔记

    关于图标的设计。 ①拟物化优缺点:优点是能透视,有阴影,有代入感;缺点是占内存大,耗时长。 ②扁平化优缺点:优点是...

  • UI笔记

    之前说到秩序和谐的美感,还有一个变化的美感,特点:①多样性②独特性。 一. 对比:即对照,把反差很大的两个视觉要素...

  • UI笔记

    组件设计详情。 首页:是一个特殊的网页,是整个网站的起始点,汇总点。 详情页:展示产品主图,页面板块的详情页面。 ...

  • UI笔记

    产品详情页要点:①三秒抓屏,②展示全面,多听取使用者的反馈信息,③同行对比,注意差异化,学会营销内容,④尽量亲自去...

  • UI笔记

    色彩: ①原色→间色→复色 ②色光三原色(+)(RGB),色料三原色(–)(CMYK) ③色相:色彩的相貌。 饱和...

  • UI笔记

    用色要点: ①重视视觉感受(舒服,和谐,不刺眼,不突兀,不山寨) ②符合公司形象以及文化的用色要求。 ③用色要有一...

网友评论

    本文标题:UI笔记

    本文链接:https://www.haomeiwen.com/subject/ilpdtttx.html