您当前的位置:首页 > 淘宝网页版

ui界面设计尺寸? ui交互界面设计书籍?

时间:2024-08-19 18:07:10

一、ui界面设计尺寸?

(一)界面尺寸规范

  1、界面尺寸大小是:750x1334px。

  2、状态栏(status bar):就是电量条,其高度为:40px。

  3、导航栏(navigation):就是顶部条,其高度为:88px。

  4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px。

  5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px。

(二)图标尺寸规范

  1、导航栏和工具栏尺寸大小44x44px。

  2、标签栏尺寸大小75x75px。

  3、导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20px。

  4、内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px。

  5、设置界面的图标高度和开关滑动按钮的高度:58px

(三)可点击高度规范

  统一成88px。88px是一个常用的设计尺寸。

  (四)搜索栏高度规范

  搜索栏的高度,统一成58px。

  (五)界面元素之间的距离规范

  界面元素之间的常用距离,亲密距离:20px;疏远距离:30p x。

  A、疏远距离:比如,所有元素距离手机屏幕最左边的距离。

  B、亲密距离:比如,左边图标与右边文字之间的距离。

  5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸,也是目前最流行的大屏设计稿尺寸。

二、ui交互界面设计书籍?

每个国家和民族,都有自己的味道。《吕氏春秋•本味》提到“调和之事,必以甘、酸、苦、辛、咸”,现代人对味觉的总结已经远远超过这五种,选取其中的10种味道,对应10本设计原则书籍。

辣,Book#01《简单法则》

香,Book#02《通用设计法则》

咸,Book#03《秩序之美》

酸,Book#04《认知心理学》

甜,Book#05《赢在用户》

色,Book#06《信息可视化》与《图解力》

麻,Book07《微交互》

苦,Book#08《Landing Page优化权威指南》

臭,Book#09《设计败道》

鲜,Book#10《用户体验与可用性测试

三、安卓UI界面设计和IOS系统UI界面设计有什么区别?

1.术语解读和系统平台对比

android是Google公司开发的操作系统。

iOS是苹果公司的移动操作系统。

2.UI设计规范不一样

比如现在通常设计的尺寸对比如下:

iOS: 750*1334 或者 1242*2208;

android:720*1280 或者 1080*1920;

另外象图标等涉及到系统显示的控件,

二者也会有差别;

不过安卓的品牌机型丰富、设计控件的难度较大,

苹果机型有限且开发工具较为强大、做屏幕适配时要方便许多。

3.硬件功能不同

例如实体键,iOS只有一个实体键(音量,电源不算哈),home键,

这个键大致可以实现这么几个功能:

1、按一次,回到桌面;

2、双击,出现多任务界面;

3、iOS8里面,轻触两下Home键,调出单手模式;

4、指纹解锁。

Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的);

4.4以下分别是back键,home键,menu键,和搜索键;

4.4及以上,是back键,home键,多任务键;

Android原生是这样,经过优化的Android就不一定了,

比如魅族的smart bar,根据当前页面情景可以定制功能;

Android的back键,在大部分情况下,和页面上的返回功效一样。

不过,Android的back键可以在应用件切换,还可以返回主屏幕。

这个iOS里面的键不能在应用间直接切换。

4.视窗控件设计原则不一样

Android里可以看到各种浮窗,流量,清理内存等等,

iOS的原则是不支持三方app有这样的功能(越狱后可以);

对于iOS产品线,苹果有严格的规范和审查,

很多控件的功能比较有限;

而安卓对应的产品涵盖广泛,自由度非常高。

四、ui界面设计对于电脑要求?

UI设计所需要电脑配置主要包括:

CPU :I7以上的处理器

硬盘 :固态硬盘250G以上 机械硬盘500G以上,

显卡:独立显卡

内存:16G以上

显示器:台式机21.5寸以上,笔记本15寸以上

系统:W10或W7以上系统

当然,如果是高端的苹果电脑,效果也是非常好的。

希望以上回答可以帮助到您。

五、什么是ui界面设计培训?

关于UI设计,百度百科上的解释我就不在这里复制粘贴了。简单说明就是界面设计,你的手机界面,智能电视界面等等,都属于UI的范畴。培训很明显就是专门针对UI设计进行教育培训的机构了。如果你对于设计有兴趣,又觉得自己的什么不错,可以考虑去试一试。

六、UI界面设计中怎么调px?

px:像素,由三个发光管RGB组成的最小基本单元。

常见场景:视觉稿单位/分辨率单位/css常用单位(网页、web应用等)。

1. 视觉稿单位。UI设计师设计界面,无论设计工具是PS、sketch还是XD,其基本单位都是px。当我们完成视觉稿交付给开发,开发会根据场景进行单位换算。

2. 分辨率单位。我们经常会看到”xx手机屏幕的分辨率1920*1080”这里1920*1080的单位即是px。

3. css常用单位。web端开发html+css直接采用px为基本单位。

七、UI界面设计需要遵循哪些规范?

对于UI设计师而言,在设计中掌握并遵循一定的设计规范是非常重要的,这样不仅可以提升工作效率,还能减少设计工作中的失误。但是很多新手UI设计师并不了解这些规范,下面,就给大家介绍一下,在杭州UI设计学习要遵守哪些设计规范。

一、提前开发在设计工作进行中,设计师可能会面临一些突发情况,因此对于一些我们经常用到的,如颜色、分割线、tab、表单等组件,如果提前设计统一好,能大大减少重复性设计,让设计师专注提高设计的质量。二、明确设计原则UI设计师需要知道的是,我们产品需要传递给用户的设计特征和原则是什么,以及相关平台的基本设计规范是什么。并且需要根据基本规范进行后续的设计工作,尽可能做出和基本原则比较匹配的UI设计。三、多平台统一我们现在处于一个各种设备的时代,各种屏幕尺寸、平板电脑、笔记本、各种安卓机器,各种厂商自定义的系统等等,我们的设计需要在这些平台上运行,就必须保证设计的统一性,使之看起来更加一致。四、一致性在整个平台中创造一致性,颜色、按钮、字体、品牌一致性,能够让用户在实际的操作过程中更具安全感与熟悉感,同时能够帮助解决设计师因为个人特征导致界面不统一问题,从而提升UI界面的整体效果。

综上所述,设计师不仅需要保证界面的一致性,还要保证设计的多平台统一,并且在一定程度上明确设计的基本原则,提前做好设计组件准备工作,从而提升设计的准确性,减少不必要的设计难题。

八、UI/UX界面设计的作用和意义?

手机APP的UX设计被定义为通过增强与交互相关联的可用性,可访问性和乐趣来提高用户对APP的满意度的过程。

九、UI界面设计外包找谁比较好?

UI设计外包某宝上面能找到的,外包出去的不需要找固定地方的啦,广东北京上海的都做得比较好哦。

十、ui界面设计能做到多少岁?

设计是一种技能,只要技术在,什么时候都可以做。

可以上班,也可以自己做设计工作室。

界面设计

|| 相关文章
    无相关信息
最新文章