【UI】App界面设计

最新推荐文章于 2025-02-05 16:46:25 发布
最新推荐文章于 2025-02-05 16:46:25 发布
阅读量1.7k 收藏 18
点赞数 14
分类专栏： 学习 文章标签： ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64077978/article/details/140541893
版权

实验目的:

  1. 掌握APP界面设计的规范及一般制作技巧;
  2. 掌握移动设备中的常用尺寸;
  3. 掌握APP的界面构成。

实验内容及基本要求:

  1. 综合使用cdr、ps等软件制作APP界面，效果如下图所示。要求布局合理、配色恰当。

  1. 保存psd源文件，导出png格式图片。

实验过程及实验步骤:

1 首页

1.1 创建图层

使用Ctrl+N新建图层，创建大小合适的图层

1.2 背景

复制图片到新图层，按住alt键创建剪贴蒙版，并填充黑色背景添加效果

 

 

1.3 文字

创建矩形选区并输入文字，创建参考线，调整文字位置

 

 

 

1.4 图标

利用形状工具制作图标

最低0.47元/天 解锁文章
APP界面设计教程---手机ui高级实战案例(完整版)
gab151932的博客
08-03 9228
课程简介：适用人群        适合有基础的学员学到什么        火星人UI设计培训结合大量的实战案例，从ICON的设计构思开始，到APP界面设计，全方面解析UI设计工作流程和设计理论，掌握知识点。教程内容：1.UI设计的五大类别与五大步骤2.UI案例制作-简约简洁时尚主题图标界面3.UI案例制作-简约简洁时尚主题电话图标制作4.UI案例制作-icon图标之时钟图标5.UI案例制作-ico...
UI设计：使用PS(Photoshop)绘制一款电商类App
weixin_57156294的博客
07-06 1890
UI设计：使用PS(Photoshop)绘制一款电商类App
软件工程 用户界面设计
最新发布
weixin_51705943的博客
02-05 1000
用户界面（UI，User Interface）是用户交互以使用软件的前段应用程序视图。用户可以通过用户界面操作和控制软件和硬件。今天，几乎所有存在数字技术的地方都可以找到用户界面，从计算机、手机、汽车、音乐播放器、飞机、轮船等。用户界面是软件的一部分，其中涉及方式旨在提供用户对软件的洞察力。UI 为人机交互提供了基础平台。UI 可以是图形化的、基于文本的、基于音频的和视频的，这取决于底层的硬件和软件组成。UI 可以是硬件或软件，也可以是两者的组合。
UI设计教程学习分享：APP布局
weixin_33672400的博客
10-25 238
一、宫格布局 这种APP信息布局方式也是我们目前最常见的一种方式，也是符合用户习惯和黄金比例的设计方式，最知名的就是锤子手机的界面设计。锤子手机界面设计欣赏知名的APP设计采用的九宫格、六宫格等方式布局有：携程APP、途牛APP、支付宝APP等等。 九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。 采用宫格布局的优势： 非常方...
【APP UI 设计模式】（一）APP UI 设计原则和流程
_______攻城无数_____、、、、、、
06-23 1924
一、基本原则 1、用户体验原则UCD，以用户为中心去设计 2、设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型，极力避免使用 4、试验模式——超越既有理念和移动现状的设计，有望成为下一个主流UI设计模式。 二、主要内容
用PS制作APP的界面图片
weixin_33714884的博客
02-28 437
今天就教大家怎么做出这种厚度的地方还不是白色的，而是根据界面内容交相呼应的图案的APP界面展示图片。 以苹果5S的尺寸为例。 步骤： 1、新建一个画布尺寸为：640*1136，然后保存，命名如：5S效果图模板 2、再新建一个画布，命名如：效果图展现 2、再新建一个画布，命名如：效果图展现 尺寸随意，可以大点，自己看情况吧。 3、将刚才保存的那个5S效果图模板.psd拖...
手机APPUI界面设计流程
AndyLizh的专栏
09-18 7678
此教程从交互开始进行APP界面设计，主要是一个流程，还是值得童鞋们学习一下的。 包括： 1、交互流程设计； 2、风格定位； 3、功能icon设计； 4、界面视效整体优化； 5、应用icon设计。   来源:G-UIDEA
APP界面设计流程
weixin_30279751的博客
03-25 95
最近APP开发的经历告诉我： 应用的设计风格需要有规范、设计过程中UI模块重用贯穿始终、多审视一款应用的原型设计有利于代码的编写。。。。。<纯属愚见，欢迎拍砖，加料> 转载链接：http://www.guimobile.net/app-interface-design-process.html 转载于:https://www.cnblogs.com/sotsog...
医疗健康医药医生app_ui界面设计_fig素材下载.fig
12-28
医疗健康医药医生app ui界面设计 .fig素材下载 app界面设计、fig、ui界面设计、医生健康、医疗健康
好看的电商app_ui界面设计_psd下载.zip
12-28
总的来说，"好看的电商app_ui界面设计_psd下载.zip"提供的素材为我们提供了研究和学习电商App界面设计的窗口。通过对这些PSD文件的分析和拆解，我们可以深入了解电商UI设计的原则、技巧和最佳实践，从而提升自己的...
火热的租房app_ui界面设计_sketch素材下载.zip
12-28
本资源提供的"火热的租房app_ui界面设计_sketch素材下载.zip"是一个专注于租房应用程序的UI设计素材，采用流行的Sketch工具制作。Sketch是一款广泛应用于UI/UX设计的专业工具，以其强大的矢量图形编辑能力和高效的...
Photoshop智能手机APP界面设计（完整版）
05-04
Photoshop智能手机APP界面设计（完整版）
酒店预订app_列表&酒店信息页_ui_界面设计_psd素材下载.zip
12-28
在本资源中，我们关注的是一个与酒店预订相关的应用程序的用户界面（UI）设计，具体是"酒店预订app_列表&酒店信息页_ui_界面设计_psd素材下载.zip"。这个压缩包包含了用于创建和编辑高质量UI设计的PSD文件和其他相关...
UI设计：使用PS(Photoshop)设计一款金融App的界面
weixin_57156294的博客
07-05 1652
UI设计：使用PS(Photoshop)设计一款金融App的界面
ps怎么设计html界面,APP展示图，教你怎么用PS制作APP的界面图片
weixin_35531655的博客
06-09 1662
今天就教大家怎么做出这种厚度的地方还不是白色的，而是根据界面内容交相呼应的图案的APP界面展示图片。以苹果5S的尺寸为例。步骤：1、新建一个画布尺寸为：640*1136，然后保存，命名如：5S效果图模板2、再新建一个画布，命名如：效果图展现2、再新建一个画布，命名如：效果图展现尺寸随意，可以大点，自己看情况吧。3、将刚才保存的那个5S效果图模板.psd拖到这个画布中。Ctrl+T变换到合适的尺寸，...
如何进行APP界面设计
qq_38397646的博客
09-08 941
如何进行APP界面设计 用户界面是人机交互过程中媒介的图形化表达，界面设计是指对人机交互方式、界面美观、操作逻辑的整体设计，出色的界面设计会给用户带来绝佳的视觉体验和互动操作感受。 1、精简界面 注意力是有限的，当用户注意力转移到移动应用本身时，就无法顾及任务的细节，破坏用户对事情和任务进度的跟进。应用软件不应让用户过多注意到软件自身，而是应该藏于软件的背景中，精简界面，主要呈现任务相关的界面元素，让用户把注意力放在界面中的目标任务上。 2、简化操作 用户每完成一个任务都伴随注意力的转移和释放，同时与这个目
ps绘制android手机界面界面,教程·Photoshop | 手机界面效果图展示设计
weixin_33871105的博客
05-29 5098
视频教程资源下载http://pan.baidu.com/s/1pLG6oC7详细步骤制作图标Step 01新建一个750像素×1334像素、72像素/英寸的文档。将前景色设置为浅黄色(R255、G255、B204)，按下Alt+Delete快捷键，将背景填充为浅黄色。打开素材文件，将状态栏拖入文档中，如图所示。Step 02选择圆角矩形工具，在画面中单击，打开“创建圆角矩形”对话框，创建120像...
UI设计理念-app的界面设计流程
热门推荐
Catheryan的博客
04-05 1万+
最近发现自己必须增长一些业务方面的知识，就看了一些关于app的ui设计流程博客或是资料书籍。主要是为了我以后的就业做准备。不多说，先介绍下关于app界面流程图。 完整的流程，分层次设计，自下而上去完成 1.策略层，定义产品使命、价值、目标人群 2.愿景/功能层：定义核心场景、功能列表 3.结构层：做流程图、信息架构，确定主导航、主菜单 4.框架层：梳理每一个主界面的内容、布局 5.表
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值