设计规范 IOS&Android系统1.IOS系统设计规范2.Android系统设计规范3.设计师要如何作图?4.设计师如何做适配? IOS规范 ios界面设计尺寸及栏高度 PS 750 * 1334/1624 2倍图 XD/Sketch 375 * 667/812 1倍图IOS界面设计尺寸及栏高度SE6/7/86/7/8 plusX状态栏404060132导航栏8888132
转载 2023-07-23 19:08:50
117阅读
随着苹果iPhoneX上市大卖以来,市场份额越来越高,UI设计师不得不掌握IPHONEX的适配,今天就来讲讲IPHONEX的基础适配,高手绕道!iOS各个屏幕尺寸就不说了这里只介绍X的尺寸和适配 X的尺寸为1125X2436px,设计逻辑尺寸为:375X812PT 相对于iPhone8屏幕来说,高度增加了约435PX(@3),对于经典屏幕的5 6 7 8来说,屏幕内部都是安全显示区域,X的屏幕多了
  在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力。在这篇文章,我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包,帮助设计们用于 Web 和 Mobile 项目的界面原型设计。 Android 2.2 GUI整套 Android 2.2 手机界面 UI 组件素材,非常精美!Big
ios设计规范设计三大原则一、视觉层:清晰 文字清晰易读、图标精确而清晰、装饰精巧而适合、使得用户更易理解。负空间、颜色、字体、图形和界面元素突出重要内容并传达交互性。设计要点01:颜色(保证在任何情况下都可以辨别) 设计要点02:排版(对比、 重复、亲密、对比的四大原则) 二、交互层:遵从 不要太过花哨三、结构层:深度 使用不同的视觉层级和真实的运动效果来传达层次的感觉,赋于界面活力,并促进用户
转载 2023-07-25 10:14:17
239阅读
app关于iphone6的规范:(1)关于尺寸:功能模块的尺寸:尺寸可以是@2x的,即750 * 1334px,也可以是@1x的,即375 *667px状态栏(status bar):高度为:40px;导航栏(navigation):高度为:88px或90px(带线框);主菜单栏(submenu,tab):高度为:98px或者92px(一般为98px);内容区域(content
转载 2023-07-20 17:55:16
205阅读
# Docker Desktop 支持中文界面的科普文章 Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口(类似 iPhone 的 app),更重要的是容器性能开销极低。 ## Docker Desktop 简介 Docker Deskt
原创 1月前
51阅读
基于iOS的UI布局,思考大前端的UI布局思想一、Frame的设置直接设置子视图的postion和size控制位置和大小。 是ios中基础的布局方式。拓展: 在web/h5中的布局,默认是流式布局,就是排成一列的方式,里面可以设置relative、resoluation,fixed; 实现了相对,绝对、悬浮的布局功能。小结: frame 可以实现了h5中的relative、relative以及fi
24小时前,苹果公司推出了iPhone X。随之而来的是一个新的白色线条,幸福地坐在底部的触摸板上,它替代了原有的home键。这也唤起了人们对物理home键的怀旧情结。 顶部的黑色凹槽采用了许多最先进的技术:红外摄像头、环境感应器、光感传感器等——所有这些都是用来支持面部识别的。 iPhone X 的顶部凹槽 这也意味着你从看视频到玩游戏,始终会在价值1000 $的手机顶部看
记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通iOS界面尺寸 设备 分辨率 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus 1242×2208 px 60px 132px 147px iPhone6 750×1334 px 40px 88px 98px iPhone5/5s/5c 640×1136 px 40px 88px 98px iP
一.IOS尺寸规范PPI(Pixels Per Inch)︰像素密度,所表示的是每英寸所拥有的像素数量PPI数值越高,即代表显示屏能够以越高的密度显示图像。从而得出,显示的密度越高,显示器显示的就越真实、越清晰1)界面规范不同屏幕规格:背景:#f5f5f5 #eeeeee #efeff4分隔线:1px#000000不透明度10% #dddddd、#cccccc分隔条:20px列表高:100-120
转载 2023-07-27 14:10:02
3530阅读
IOS&Android界面设计规范切图命名规范标准的命名规则:切片种类+功能+状态.png注:必须使用英文命名,
原创 2022-06-24 06:44:50
508阅读
很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。目录01.界面设计尺寸及栏高度02
记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通iOS界面尺寸设备分
转载 2022-11-08 14:13:59
128阅读
移动APP页面布局(Layout)是我们设计app界面的时候,最主要的设计任务。 一个app的好与不好,很大部分取决于移动APP页面布局的合理性。下图为APP最原始的布局模型。 移动APP经典布局界面欣赏,以首页为例展示: 页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计。 优秀的布局,需要对页面信息进行完整的考虑。即要考虑用户需求、用户行为,也要考虑信息发布者的目的、目标。 手
IT名企面试步骤一般为四面:一面:技术面,考核技能水平;二面:综合面:考核综合素质;三面:HR面,职业规划,优势与劣势,期望工资与工作地点;四面:老总面,最后决定命运。一、 通用面试例题分析1. 在学校里你学习了哪些课程,成绩如何?答:首先看看计算机专业的课程:系统原理、微机原理、汇编语言、网络基础、Visual Basic编程、SQL、HTML语言、高等数学……基本上以对计算机科学结构性、设计性
  如果你在iOS应用设计方面有过一段时间的工作经验,那么多半会听说过“HIG”,也就是人机界面设计规范(Huma Interface Guidelines)的简写。这份苹果官方文档的内容十分广泛,为设计师与开发者提供了一系列打造iOS应用体验的最佳实践。   HIG所关注的
界面设计规范 我在工作中总结了一些有关界面设计与测试的规范,与大家共享。 界面设计与测试规则界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的...
原创 2021-08-24 10:15:47
278阅读
界面设计规范 转自 我在工作中总结了一些有关界面设计与测试的规范,与大家共享。 界面设计与测试规则界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的...
转载 2021-08-24 10:04:58
364阅读
我在工作中总结了一些有关界面设计与测试的规范,与大家共享。 界面设计与测试规则界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的*作,起到向导的作用
转载 2023-07-20 15:23:07
190阅读
  • 1
  • 2
  • 3
  • 4
  • 5