UI——day9.首页（一）

最新推荐文章于 2020-12-12 13:54:08 发布
最新推荐文章于 2020-12-12 13:54:08 发布
阅读量148 收藏
点赞数
分类专栏： UI设计 文章标签： ui设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45801179/article/details/110122811
版权
  1. 首页设计方案
    1. a.入口导流型：点击路径较长

在这里插入图片描述

  1. b.瀑布流：直接，与用户交互更好（多栏布局）

在这里插入图片描述

  1. c.对话列表型：社交类、电商类

在这里插入图片描述

  1. d.卡片式设计
    在这里插入图片描述

  2. e.楼层设计

在这里插入图片描述

  1. f.地图导航型：地图不需要设计，设计其他

在这里插入图片描述

总结：

样式取决于功能，功能取决于需求，需求取决去产品定位/用户群体

Tiny_G
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Happy April Fool's Day——搞怪整蛊的万圣节ppt模板.rar
09-11
很抱歉，根据您给出的信息，这个压缩包文件“Happy April Fool's Day——搞怪整蛊的万圣节ppt模板.rar”似乎与IT行业的专业知识点不直接相关。标题和描述提到的是一个用于庆祝愚人节的PPT模板，包含了话筒、云朵、...
UI——day6.引导页的设计
qq_45801179的博客
11-17 541
认识引导页 定义：出现在加载完启动画面之后、进入界面首页之前用户所见到的一系列画面。往往是第一次打开应用时出现的画面且仅出现一次。 **作用：**在用户使用产品之前提前告知其主要功能与特点 看一下引导页中有什么元素？ 图形、图片、文案、分页点、*跳过/关闭按钮(最后一页由进入代替分页点或添加进入按钮)数量要合理，一般在4页左右 包含元素及展现形式 文字与界面组合 优点:能较为直接地传达产品的主要功能 缺点:过于模式化，显得千篇一律 文字与插图组合 优点:活泼生动吸引眼球 缺点:设计耗时长，费..
UI设计学习笔记（7-12）
极客剑寮
03-17 1955
UI设计学习笔记（7-12） UI学习笔记(7)——扁平化图标 认识扁平化 Flat Design 抛弃传统的渐变、阴影、高光等拟真视觉效果，打造看上去更平的界面。（颜色、形状） 扁平化图标有什么优缺点 优点： 简约不简单、有新鲜感 降低移动设备的硬件需求、延长待机时间 开发简单 缺点： 需要一定学习成本，缺乏直观 传达的感情不丰富，过...
android 启动界面_Android中的启动画面
weixin_26729165的博客
10-14 2339
android 启动界面In any mobile app, Splash Screen is the first thing that the user will see. Despite this I have seen many developers implement splash screen with a fixed timeout, making the users of their...
UI——day16.交互设计（一）
qq_45801179的博客
11-29 312
什么是交互设计 IXD Interaction design交互设计 交互指人和机器互动的过程 交互设计是学习和研究人们如何与产品、系统、服务产生交互。它是关于塑造人们使用数字产品的体验。 产品设计的工作流 五、战略层次 **所谓的战略层次，就是通过了解企业以及用户双方对于产品的期望以及目标,去制定确立用户体验各方面的战略。**需要根据对用户的定位，去解决用户的需求，然后才会有一个明确的战略。 简单来说，五个层次的实现，是需要各个部门人员的合作的。并且各个层次并非是完全独立开来，而是相互影响相..
UI——day18.用户体验
qq_45801179的博客
12-02 267
1.定义 用户体验User Experience，简称UE/UX) 是用户在使用产品过程中建立起来的一种纯主观感受。 2.产品设计的原则 样式取决于功能，功能取决于需求，需求来源于生活。 为用户解决核心需求，是我们产品存在的核心价值。核心需求的解决可以刺激边缘需求的产生，同时边缘需求的解决可以更好的提升用户体验。在不断解决用户需求的过程中，逐渐促使用户形成新的使用习惯，形成新的流量入口。 3.体验角度 需求体验 解决用户需求，提高用户体验 一个产品存在的意义就在于能否满足用户的需求，只有真正解决了用户需
UI——day3.IOS设计规范
qq_45801179的博客
11-13 3281
一.IOS尺寸规范 PPI(Pixels Per Inch)︰像素密度，所表示的是每英寸所拥有的像素数量PPI数值越高，即代表显示屏能够以越高的密度显示图像。从而得出，显示的密度越高，显示器显示的就越真实、越清晰 1）界面规范 不同屏幕规格： 背景：#f5f5f5 #eeeeee #efeff4 分隔线:1px#000000不透明度10% #dddddd、#cccccc 分隔条:20px 列表高:100-120px 2）图标规范 1）启动图标要求的设计尺寸：1024*1024 圆角180p
UI——day11.次级页面（一）
qq_45801179的博客
11-26 2137
认识次级界面、 标签栏点开的页面都是主页面/一级页面，其他都是次级页面/内页 和返回图标并存的页面 主要元素 返回按钮： 设计特点：靠左，夹角90度 全局式按钮： 工具栏（tool bar）、悬浮式按钮 弹出式菜单： 下拉菜单，注意间距,分割线；上滑式弹窗 返回顶部： 长页面返回顶部、注意第几屏出现 次级页面流程图展示 首页→搜索→关键词→商品列表→商品详情 首页→分类列表→某分类→商品列表→商品详情 栏、内容试图、临时视图 栏：三栏 内容视图：主内容区设计 临时视图： ..
UI——day10.首页（二）
qq_45801179的博客
11-25 214
首页元素的设计 导航栏 规范:导航栏88px，状态栏40px 颜色:黑、白、主色、主色带渐变、透明、纯色、图片（简洁） 功能权重不同，设计样式才有区分 搜索栏 规则:搜索框高58px左右 浅色导航栏背景加略暗的搜索栏深色导航栏背景加略亮的搜索栏 搜索样式： 1只有搜索框; 2只显示历史搜索记录;3只显示推荐搜索项; 4历史搜索记录+推荐搜索项。 标签栏 规范:98px 背景:灰白色系or灰黑色系 图标:线-线面-面线-面线-线面 标签栏-舵式标签栏 banner 推荐∶状态
安卓Android源码——夜间模式示例.zip
10-14
这个"安卓Android源码——夜间模式示例.zip"文件包含了一个名为"ChangeModeDemo"的项目，它是专门用来展示如何在Android应用中实现夜间模式的。 首先，夜间模式的实现通常涉及到UI界面颜色的改变。在Android中，...
[100daysUI系列]客户留言UI界面设计psd.zip
12-28
【100daysUI系列】客户留言UI界面设计psd.zip是一个包含UI设计资源的压缩包，主要聚焦于用户界面中的“客户留言”功能。这个系列可能是为了帮助设计师在100天内学习和提升UI设计技能，每一天都有特定的设计主题。在...
[100daysUI系列]飞机登机牌UI界面设计psd.zip
12-28
今天我们要探讨的是其中的一天——"Day074 - Boarding Pass"，它涉及到的是飞机登机牌的UI界面设计，以PSD格式提供。 PSD，全称Photoshop Document，是Adobe Photoshop软件的原生文件格式。这种文件保存了所有图层...
[100daysUI系列]灵感收藏UI界面设计psd.zip
12-28
"Day052 - Daily Inspiration.psd"是压缩包内的一个具体文件，代表了第52天的设计主题——每日灵感。这个文件很可能是展示了一个用于收集和展示灵感的界面设计，可能包括图片、文字或者创意笔记等元素，展示了如何将...
UI——day14.标注切图
qq_45801179的博客
11-29 231
适配原则 适配原则∶文字流式、控件弹性、图片等比缩放 文字流式： 文字根据屏幕宽度自动换行 控件弹性 左右对齐 图片等比缩放 标注内容 文字:字体、大小、粗细、颜色、不透明度 布局控件属性:控件的宽高、背景色、透明度、描边和圆角大小 间距:图标文字列表等的间距、控件之间的距离和左右边距 列表︰列表的高度、颜色、内容上下间距等 段落:行距 全局属性︰如导航栏文字大小、颜色，页面左右边距，默认间距 页面切图 1.什么时候需要切图 Tip:只要是没有办法通过代码来实现的就需要切图..
UI——day19.Axure和 Adobe XD介绍
qq_45801179的博客
12-12 2887
Axure基础 一.Axure是什么？ AXURE RP是一个专业的快速原型图设计工具。 二.原型图目的是什么？ 为了沟通最初的产品设想 原型图展示的是功能内容及粗线条的布局，而不是视觉设计 三.不同的人用来做什么?(人物设定) 产品经理、交互设计师︰原型图一般是产品经理、交互设计师来绘制 U设计师:需要具备快速准确阅读原型图的能力 开发人员:了解用户如何与产品进行交互 e.g: 四.界面 ①菜单栏 ②工具栏重要功能： 选择模式 连接模式 预览和发布 ③页面导航 ④元件库 库..
UI——day7.登录注册页面(一)
qq_45801179的博客
11-23 1643
认识登录注册页面 登陆注册页面出现在哪里? 先体验再注册 先注册后体验 定义：许多的APP都建立了用户系统，有用户系统就有注册登录。简单的就是APP获取用户的个人信息的过程，之后用户就成了APP的留存用户而不是游客。 登录注册的意义： 用户角度: ①用户需要在产品中获得一个独立的ID，以体现其个性化的存在。 ②用户需要产品为其记录使用进度、状态、收藏的内容。 ③用户希望获得其它用户的真实信息或更详尽的信息。 ④用户希望产品通过对自己更详尽的了解提供更好的服务。 功能角度: ①便于跨设备同步数据，也便
UI——day5.什么是启动页
qq_45801179的博客
11-15 1070
1.什么是启动页 (又称为闪屏)︰当应用程序被用户打开时，在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。 2.了解下启动的场景 1.冷启动：第一次安装加载 2.热启动：安装后使用过一段时间或使用过后被挂起 3.启动页存在的意义 1.提高用户体验，减少用户焦虑 2.传递品牌效应或产品的人文情怀 3．商业需求 4.启动页的分类 1.快速启动类 2.品牌类 3.情感共鸣类 4.节日类 5.广告类 5.启动页设计的思路 1．竞品分析 2.确定启动页种类 3.了解产品的特点 4.特点具象化 5
from PyQt5.uic import loadUi from PyQt5.QtWidgets import QWidget class History(QWidget): def init(self,name): super().init(name) self.setParent(name) loadUi('ui/history.ui',self) #设定控件属性 self.history_text.setReadOnly(True) #—————————————————————————————————————————绑定信号—————————————————————————————————————————— self.btn_cancel.clicked.connect(lambda:self.hide())修改代码使得History部件不隐藏
最新发布
06-10
loadUi('ui/history.ui', self) # 设定控件属性 self.history_text.setReadOnly(True) # 绑定信号 self.btn_cancel.clicked.connect(lambda:self.hide()) ``` 这样做会在 `History` 部件初始化时将其显示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值