T语言与快速开发平台之天宇联ui设计规范

一 工作前提条件

1.具有良好的美术功底与创意能力
2. 熟悉Photoshop，Illustrator等设计软件
3. 有较强的色彩搭配能力及审美观念;有良好的视觉创意和网页美工制作经验;
4. 对网站页面设计有独特的见解、独立思考能力和创新意识;

二 设计效果图规范

1. 多行文字时颜色：按文字的层级关系 #333333 #666666   #999999依次递减

           大小：按文字的层级关系  28px   26px   24px依次递减

例如：

 

2. 单行文字时颜色为#333333  大小为28px

   下划线颜色  #c9c9c9   大小 1px   

   单行文字下划线与下划线距离  80/90px

   单个卡片的高度 80/90px

例如：

3.  文本输入框文字或提示性文字颜色#999999  大小24/26px

   有卡片时字体距离边框20px  

   有卡片时字体距离卡片20px

   卡片距离边框 20px

   卡片间的距离 20px

例如：

  

  

4. 下方确认键圆角 5px   高度 80px距离左右两框 20px   其中字体大小 30px 圆角5px

5.  有卡片时背景颜色 #eeeeee 

    无卡片时背景颜色 #ffffff

    卡片边框颜色 #c9c9c9  大小  1px

    卡片颜色 #ffffff

例如：

6. 查看键 距离边框20px   如有卡片距离卡片边缘20px 居中

例如：

7. 标题文字大小 30px   颜色  #000000

例如：

 

8.  导航栏概括字体大小为36px  颜色为#000000   位置在导航栏居中

    导航栏提示字体大小为 28px  颜色为#000000  位置在靠边框 20px 

导航栏高度为  88px     状态栏高度 40px

例如：

9. 字体距离图标或图片是的距离 40 px

例如：

 

 

 

三提交的产物及要求

1.      psd

2.      jpg

3.      png