APP规范实例(详细的UI设计方法）

最新推荐文章于 2024-08-23 11:48:41 发布
最新推荐文章于 2024-08-23 11:48:41 发布
阅读量4.1k 收藏 5
点赞数
分类专栏： MUI设计 文章标签： ui设计 实例 设计规范

这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。

大家可以借鉴下，学会自己设计一套APP设计规范，成为高级设计师。但是不要生搬硬套，毕竟不是一个产品，总之可参考的价值很高。大家自己吸收吧!

01

m_9845545050190000011de9a2c5ce

m_02135450501f0000011de99cc1f8

m_bf3d545050230000011de9f39581

m_86e9545050290000011de9be39d8

m_67d7545050340000011de90f149e

m_f7f8545050430000011de98c5a6b

m_58fd545050640000011de916ac02

m_dd985450506b0000011de976ed26

m_336a545050700000011de95e5e0e

m_51ed5450507b0000011de95b305a

作者：本来每

原文地址：http://www.zcool.com.cn/article/ZMTE3Nzgw.html

方阳
关注
专栏目录
《APP开发》APP规范实例-详细的UI设计方法
03-03
对了一个APP开发初手来说，可能心里有很多的疑惑：屏幕设计为多宽，宽度是不是应该设置为百分比;按钮大小多大，怎么排列，文字字体用多大的?什么字体显示好看?图标多大，怎么用色?界面怎么布局?等等很多的问题，这篇...
一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。...
iteye_7149的博客
01-21 1695
这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。 大家可以借鉴下，学会自己设计一套APP设计规范，成为高级设计师。但是不要生搬硬套，毕竟不是一个产品，总之可参考的价值很高。大家自己吸收吧! 作者：本来每 ...
APP界面设计教程---手机ui高级实战案例(完整版)
gab151932的博客
08-03 9019
课程简介：适用人群        适合有基础的学员学到什么        火星人UI设计培训结合大量的实战案例，从ICON的设计构思开始，到APP界面设计，全方面解析UI设计工作流程和设计理论，掌握知识点。教程内容：1.UI设计的五大类别与五大步骤2.UI案例制作-简约简洁时尚主题图标界面3.UI案例制作-简约简洁时尚主题电话图标制作4.UI案例制作-icon图标之时钟图标5.UI案例制作-ico...
UI设计师标注与切图规范
最新发布
qq_40791475的博客
08-23 1020
这篇文章详细阐述了UI设计师在标注与切图过程中的最佳实践。它不仅包含了具体的标注图需求和图标切片规范，还涵盖了响应式设计、适配性要求以及设计交付工具的使用。文章中特别强调了版本管理与沟通机制，确保在设计变更时各团队成员能够及时同步信息，减少设计与开发之间的沟通障碍。通过明确的版本控制、变更日志以及设计与开发的定期同步会议，能够有效避免设计与实现之间的不一致，提高项目的整体效率与质量。这份规范将成为设计师与开发团队之间高效合作的有力工具。
UIApp教程（全网最详细的教程来啦）
it_varlue的博客
04-04 3350
uiapp进阶，UIapp基础。UIapp动画等等超详细快来订阅吧～
实验二 UI设计（一）
qq_39699765的博客
11-20 1322
实验二 UI设计（一）实验目的实验要求工程代码 实验目的 自主完成一个简单APP的设计工作，综合应用已经学到的Android UI设计技巧，重点注意合理使用布局。 实验要求 完成一个计算器的设计，可以以手机自带的计算器为参考。设计过程中，注意考虑界面的美观性，不同机型的适应性，以及功能的完备性。 注意结合Activity的生命周期，考虑不同情况下计算器的界面状态。 如有余力，可以考虑实现一个高精...
【APP UI 设计模式】（一）APP UI 设计原则和流程
_______攻城无数_____、、、、、、
06-23 1834
一、基本原则 1、用户体验原则UCD，以用户为中心去设计 2、设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型，极力避免使用 4、试验模式——超越既有理念和移动现状的设计，有望成为下一个主流UI设计模式。 二、主要内容
超强干货|APP规范实例-详细的UI设计规范
02-26
本篇文档将深入探讨关于APP UI设计规范的核心内容，包括界面布局、颜色使用、文字排版、按钮设计、图标风格、图片应用、列表构建、控件设计以及弹出浮层的处理方法。 界面布局是APP设计中最为基础和重要的部分，它...
《APP开发》APP规范实例-详细的UI设计方法.pdf
10-04
《APP开发》APP规范实例-详细的UI设计方法.pdf为APP开发初学者提供了一个详细的UI设计方法指南，旨在解决初学者在APP开发过程中遇到的各种疑惑。 屏幕设计 在APP开发过程中，屏幕设计是一个非常重要的步骤。那么，...
App项目实战之路(四):UI篇
weixin_33794672的博客
09-03 187
原创文章，转载请注明：转载自Keegan小钢 并标明原文链接：http://keeganlee.me/post/practice/20160903 微信订阅号：keeganlee_me 写于2016-09-03 App项目实战之路(一):概述篇 App项目实战之路(二):API篇 App项目实战之路(三):原型篇 App项目实战之路(四):UI篇 成果 上一篇文章[原型篇]发布之后，就开始设计...
安卓Android移动端App UI 设计入门与实战视频教程分享
lilihexiaoxiangege的博客
06-18 138
安卓Android移动端App UI 设计入门与实战视频教程分享
手机APP-UI设计规范
10-26
手机APP-UI设计规范，IOS和安卓尺寸换算标准，字体大小，统一页面规范等
APP UI设计
smile的专栏
08-26 440
学习UI设计的时候，经常要接触到页面的布局，布局的方式会直接影响一个APP的视觉效果，好的布局方式，往往能带来舒服的视觉效果，更能得到用户的接受与好评。然而万变不离其宗，移动端页面常用的布局，不外乎以下8种； 1、列表式布局 2、陈列馆式布局 3、九宫格布局 4、选项卡式布局 5、旋转木马式布局 6、行为扩展式布局 7、多面板布局 8、图表式布局
超全面的UI设计规范整理汇总（包含iPhone X适配）
lty_sky的专栏
02-20 5932
目前主流的iOS设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina视网膜屏幕，其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。
UI设计师必备技能：APP 界面设计原则
zy1992As的博客
03-21 781
一款好的手机APP设计作品，配色占70%左右，其他30%则分布到排版文字设计、图形处理等方面，并可添加合理的色彩应用界面的合理性对于帮助操作者快速发现界面的关键信息，获得更好的视觉效果有着重要的作用。点睛色一般使用饱和度和明度较高的颜色，点睛色一般与主色相反，主色明度高，点缀色一般用深颜色或饱和度高的颜色，反正明度低，点睛色饱和度明度高的颜色。设计师在对APP布局前，对应用的功能需求有清晰的把握，在每一级别的页面，应该清楚知道整个应用的界面跳转和层级关系，明确每个页面的凸现信息。尽量使用，矢量图形。
Android UI 设计规范
热门推荐
旺仔的专栏
04-18 1万+
1. 基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 1080 * 1920 1.2 图标尺寸 标识 启动图标尺寸 菜单图标尺寸 mdpi 48 * 48 （160 DPI ） 24 * 24 h
Android UI 设计规范，androidsdk开发文档
m0_66144765的博客
01-10 1068
底部动作条是一个从屏幕底部边缘向上滑出的一个面板，使用这种方式向用户呈现一组功能。底部动作条呈现了简单、清晰、无需额外解释的一组操作。 通常以列表形式出现，支持上下滚动。 也可以是网格式的。 ** 按钮（Buttons） ** 按钮由文字和/或图标组成，文字及图标必须能让人轻易地和点击后展示的内容联系起来。 主要的按钮有三种: 悬浮响应按钮（Floating action button）， 点击后会产生墨水扩散效果的圆形按钮。 浮动按钮(Raised button)， 常见的方形纸片.
最意想不到的5个APP UI 设计范例
weixin_33802505的博客
09-18 749
现如今，智能手机已成为人们生活中不可或缺的一个物件，琳琅满目的手机APP充斥着各大应用市场。对于普通人来说，他们的衣食住行因此而变得简单方便；对设计师们来说，他们则面临更多的机遇和挑战。每位设计师都梦想着做出最出色的应用界面（UI）设计，最符合用户习惯的UX设计。 而出色的手机界面设计应该具备两个特点：简洁，...
APP界面设计之页面布局的22条基本原则
qq_34583944的博客
09-15 1198
眼动研究是随着用户体验的兴起与技术设备的进步，而兴起的一种用户研究方法。它是眼动技术与研究方法的二合一，通过眼动研究观察被试者对移动应用页面的注视轨迹，辅助完成用户体验设计。眼动研究提供的信息不只是人们是怎样“看”东西的这么简单，眼动反映了人脑的信息处理过程，眼动模式的特点与脑的信息处理都有密切的关系。通过眼动研究，不但可以完整地还原被试者在各个页面的注视轨迹，还可以通过划分兴趣区分析被试者在各区域内容的关注度。13、专门的导航页面要短小（避免滚屏，以便用户一眼能浏览到所有的导航信息，有全局观）。
App开发实战：架构设计与Crash分析
"App研发录——架构设计、Crash分析和竞品分析" 《App研发录》是一本专注于Android应用开发的专业书籍，由包建强撰写，详细介绍了在移动开发过程中遇到的各种问题和解决策略。书中涵盖了多个关键知识点，旨在提升...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值