UI设计：使用PS(Photoshop)绘制一款电商类App

*离

已于 2022-10-19 16:09:04 修改

阅读量1.5k

点赞数 3

分类专栏： UI设计文章标签： android

于 2022-07-06 15:56:40 首次发布

本文链接： https://blog.csdn.net/weixin_57156294/article/details/125640922

版权

UI设计：使用PS(Photoshop)绘制一款电商类App

一、设计理念

1.小智电商App主要进行的是自行车的交易

2.小智App只要以紫色系为应用的背景色，其中包括紫色的一个渐变和添加一定的透明度等

3.整个应用图标采用紫色到蓝紫色的渐变为背景，使用自行车为原型进行绘制，自行车为淡紫色添加了一定的阴影和发光效果

3.Banner图的slogan为“你想要的都在”，以半个自行车进入的方式展示主题，背景为变幻的颜色交换

4.整个App主要绘制了10个页面，包括闪屏页、登录页、注册页、首页、商品详情页、购物车页、发布商品页、我的消息页、我的页面、设置页

5.字体大多采用黑色和灰色，而按钮采用的是由紫色到蓝紫色的渐变

6.其中很多图形，图标的绘制都是用路径选择器和钢笔工具

二、预览展示

小智电商

三、应用图标展示

四、Banner展示

立减 ¥

3
点赞
踩
21

收藏

觉得还不错? 一键收藏
3
评论
UI设计：使用PS(Photoshop)绘制一款电商类App

UI设计：使用PS(Photoshop)绘制一款电商类App
复制链接

扫一扫

专栏目录

UI设计：使用PS(Photoshop)设计一款金融App的界面

weixin_57156294的博客

07-05

1391

UI设计：使用PS(Photoshop)设计一款金融App的界面

UI实用素材|电商购物类APP界面设计原则！

awayaya1的博客

08-23

1427

移动端的一个特点是可探索性，而且体验感比较强。用户在用手点触、化动过程中就会触发动作，这些动作又会带来相应的反馈，如果在页面一些地方设计上惊喜的反馈方式，会给用户带来很多的乐趣，并且会鼓励用户进行很多页面的操作行为。搜UI (SOOUI) 带来电商购物类APP界面，可以临摹学习参考！网上购物门户网站糖果店购物车屏iPhone |免费的PSD 不论是在购物网站中还是在移动购物应用中，图片是物品展示的一种必要元素。但是对于移动应用来说网速的不稳定性，经常导致图片在加载过程中造成不良体验，

3 条评论您还未登录，请先登录后发表或查看评论

基于Photoshop的电商APP设计.rar

12-29

1. 电商类移动端APP设计为主题。 2. 使用Photoshop完成启动图标以及相应界面设计制作。 3. 有启动图标，界面结构清楚、完整，同时有8个界面设计作品：首页、搜索页、商品分类页、商品详情页、登录注册页、购物车页、订单结算页（增加返回按钮）、个人中心页，各个文件命名合理，见名知义。 4.界面内容丰富、主题明确、色彩协调、结构清晰，其它界面的设计和制作要和首页保持相同的风格。

好看的电商app_ui界面设计_psd下载.zip

12-28

好看的电商app ui界面设计 psd下载 PSD、电商、电商app、电商APP源文件、电商UI界面设计、电商设计

电商购物app订单状态ui界面设计_ai素材下载.ai

12-28

电商购物app订单状态ui界面设计 .ai素材下载 AI、app ui界面设计、ui界面设计、电商购物

【UI设计】【Photoshop系统设计大作业】【5个页面(引导页\首页*2\个人中心页\登录页)、5000字+实验报告、视频教程】

upward

09-30

2279

1、实验题目 2、实验报告展示图 3、素材展示 4、PSD文件---效果展示 5、操作视频 6、PSD文件获取方式

App设计灵感之十二组精美的电商App设计案例

╰つ栺尖篴夢ゞ

10-11

1254

电商界面需要给用户清晰的展示出产品的特点，不同的产品，运用不同的界面风格，将产品更好的展现出来，提高用户购买欲望。 ① Zummedy App Store by Manuel Rovira ② Watch Shop App by Mostafa_taghipour.uix ③ Watch : E-commerce Mobile App by Sumiya ④ Sneakers Store App by Purrweb UI ⑤ Smart Shopping Showcase by Cuberto

PS【三】--UI设计

前端小李在努力的博客

09-24

832

删除单根参考线：鼠标移到标尺，左键按住并拖拽拉出参考线，不需要可以用移动共苦拖回标尺删除。css sprite css精灵图 css雪碧图片整合技术。蒙版只能填黑白灰，黑色是遮盖，白色是显示，灰色是半透明。图层右击创建剪贴蒙版本图层只能在下方图层轮廓中显示。删除所有参考线：[视图] – [清楚参考线]图层样式对图像没有任何伤害，操作的当前图层。文本颜色#333，#666，#999。蒙版是遮盖图层，不会损坏图层。字号：最小12px，通常双数。content 内容。减少向服务器请求次数。

【UI界面设计】PS基础学习笔记

兮于怀

06-16

1122

——UI设计工程师和前端工程师企业级理解语言规范+设备上规范语言规范：比如设计的UI图形要符合H5语言规范等符合设备规范：不能只按照自己的设计观念来，还要考虑实际应用设备可指PC端：个人电脑移动端：手机端（1）UI设计工程师：视觉设计（2）前端工程师：界面+代码H5+CSS（20分）+JavaScript（40分） +一门前端框架（30分）（注意这里是前端框架，跟后端框架不一样)熟练掌握H5+CSS是基础占40分，JavaScript最重要，这三门全部学好算是入门了，再去学框架。框架相当于是一个别人写好的半

PS 之微信小程序设计

gyueh的博客

01-28

1677

打开网址https://developers.weixin.qq.com/miniprogram/design/#%E5%88%A9%E7%94%A8%E6%8E%A5%E5%8F%A3%E6%8F%90%E5%8D%87%E6%80%A7%E8%83%BD 点击如图所示位置，下载微信小程序官方设计稿参照微信小程序官方设计稿进行设计 ...

UI设计师:Photoshop文档管理与文档规范

02-27

认为只有代码工作者才需要什么编码规范和版本控制系统，photoshop作为一个应用软件，讨论这个有什么意义呢？作为工程文件，一个复杂页面的psd源文件里有200~300个图层是很正常的事情。作为最直面客户和BOSS的开发...

电商网站app平台网站后台ui设计模板 .fig素材下载

04-20

电商网站app平台网站后台ui设计模板 .fig素材下载

使用PS快速制作App logo图

小红妹

03-08

4702

使用PS快速制作App logo图，全程大约一分钟。

html旅游网站设计与实现——绿色古典旅游景区 HTML+CSS+JavaScript

最新发布

BUG指挥课堂

06-21

718

上面这个例子中，发站内通知和用户操作日志功能，对实时性要求不高，即使晚点写库，用户无非是晚点收到站内通知，或者运营晚点看到用户操作日志，对业务影响不大，所以完全可以异步处理。但是，如果一次性查询的用户数量太多，例如一次查询2000个用户的数据，传入2000个用户的ID进行远程调用时，用户查询接口经常会出现超时的情况。这种情况下，接口的一次请求会涉及到非常长的调用链路。当系统发展到一定阶段，用户并发量增加，会有大量的数据库请求，这不仅需要占用大量的数据库连接，还会带来磁盘IO的性能瓶颈问题。

Android-NDK开发Crash错误定位

2401_85667530的博客

06-17

595

从上图的目录结构中可以看出来，NDK针对不同的CPU架构实现了多套相同的工具。所以在选择addr2line和objdump工具的时候，要根据你目标机器的CPU架构来选择。如果是arm架构，选择arm-linux-androidabi-4.6/4.8（一般选择高版本）。x86架构，选择x86-4.6/4.8。mipsel架构，选择mipsel-linux-android-4.6/4.8。

Android中的消息异步处理机制及实现方案

FlyingFish868的博客

06-15

1126

Android UI 是非线程安全的，即所有的 UI 操作必须在主线程中执行；任何在工作线程中直接对 UI 进行操作都会导致不可预知的行为，甚至可能导致应用崩溃；消息异步处理机制确保了所有的 UI 更新都在主线程中执行，从而保证了线程安全

android CancellationException 了解

阿饱同学

06-21

247

在Android开发中，通常是在协程或预期完成的任务被取消时遇到的异常。这种异常是Kotlin协程的一部分，也可以在各种异步任务管理库中找到。

[极客大挑战 2020]Roamphp4-Rceme

不会编程的崽的博客

06-20

339

右键源代码里给了提示，有备份文件index.php.swp,大伙都做到这来了，应该不用写了吧。加这个[~%FF]只是因为php7的解析方式，当然换成其他的也可以例如[~%EF] [~%CF]passthru(next(getallheaders()));然后，需要要绕过两层，多年rce经验，相信你一眼能看出。我们由内往外构造，这里需要前置知识(贴其他大佬的吧)知道原因可以在评论区踢我一脚。

Android studio设计一个app的用户注册页面

04-07

好的，关于Android Studio设计用户注册页面，我可以给您提供一些帮助和建议。您可以在Android Studio中使用XML布局文件来创建一个用户注册页面，该页面可以包括用户名、密码、确认密码和注册按钮等元素。您可以使用Android Studio提供的UI设计器来创建和布局这些元素，并使用Java代码来处理用户输入和注册逻辑。如果您需要更详细的指导，请告诉我，我可以提供更多的信息。