• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >编程技巧 > UI基础知识学习

UI基础知识学习

作者:qq_41675635 字体:[增加 减小] 来源:互联网 时间:2018-01-28

qq_41675635通过本文主要向大家介绍了UI等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

最近在学习UI,对这两天学的知识点做一个总结,以后还是多总结吧,学UI首先面对的问题是

一.新建多大画布尺寸和分辨率

1.      使用何种系统版本为基础

2.      针对哪种终端

3.      是否适配横屏,竖屏

4.      是否需要印刷 300pi  矢量格式

二.确定要提交的文件和规格

1.      是否需要原型图

2.      是否需要低保真,高保真

这基本都是需要考虑的,还是先从最基础的设计规范说起吧。

目前一般是android系统,也有ios等,所以以安卓为主来学习。

它的设计规范是:

1.  界面尺寸与分辨率

。DP:安卓的开发单位,本身不会随着设备的改变而改变自身的大小,是一个绝对长度 1dp=1/60英寸

。px

。ppi:每英寸拥有的像素数,即像素密度

。Sp:安卓字体单位,1Sp=1dp=1/60英寸

一般采用720*1280px / 1080*1920px    or  根据测试机尺寸进行设计

分辨率为:72px

 

状态栏

导航栏

标签栏

720*1280px

50

96

96

1080*1920px

75

144

144

单位:像素

 

2.      按钮与可点击区域

 

3.      字体与字号

。默认中文字体:Droid sans fallback  或者华文黑体

。默认英文字体:Roboto

对于用的最多的720*1280:

    注释最小:24pt;

           文本字体:28pt;

                   文章标题和图片名称:32pt;

                    导航标题:36pt;

                    极限范围:22-44pt;

4.      图标的设计尺寸与规范

  图标分为启动图标,操作性图标,以及具体的某一栏的小图标

启动图标一般按照512*512px来设计

还是要多模仿,多练习,多欣赏

主要就这些了,以后再来接着完善。

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-12微信小程序(应用号)组件详细介绍
  • 2017-05-12声音验证码制作方法
  • 2017-05-12代码着色之SyntaxHighlighter项目(最流行的代码高亮)
  • 2017-05-12多种编程语言的常用按键和语法
  • 2017-05-12整理的比较全的一句话后门代码(方面大家查找后门)
  • 2017-05-12关于页面刷新,事件重复提交的方法分享
  • 2017-05-12绑定/约束 (binding)指两个东西之间的关联
  • 2017-10-15NIOS EDS最容易出错的地方
  • 2018-01-28测试人员的工作宝典必读!
  • 2017-05-12Web Jmeter–接口测试工具详解

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Token的介绍
    • 科普:多线程与异步的区别
    • C/S和B/S两种架构的概念、区别和联系
    • session的存储方式和配置方法介绍
    • 高性能WEB开发 图片压缩篇
    • 24种编程语言的Hello World程序
    • 回车和换行有什么区别?我们平时按下的Enter键是回车还是换行
    • GBK字符编码(字符集)缺陷导致web安全漏洞
    • 献给写作者的 Markdown 新手指南
    • 编程界主流脚本编程语言的比较和选择

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有