页面设计学习笔记（1）

最新推荐文章于 2023-04-17 17:45:34 发布
最新推荐文章于 2023-04-17 17:45:34 发布
阅读量84 收藏
点赞数
文章标签： ui设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lynnwonder6/article/details/118738097
版权

页面设计学习笔记（1）

本文从实际开发中遇到的一些问题出发，总结以及学习一些设计理念

2021/07/14 add 初次整理

  1. disable 你用对了吗

    • 合理去 disable 选项，避免没必要的「禁用」
    • disable 的选项要添加 toolTip 来帮助提示用户为什么我们要禁用这个地方。

  2. 页面空间利用对了吗

以前做响应式有个盲区，通常定 padding 或 margin，或固定内容区占屏幕宽度的 x 百分比，实际上这样做合适吗?

实际上应该固定最大宽度，而不是固定百分比让内容区即便显示在大屏上也不是过大的程度。这样在切换不同屏幕时能够保证内容区即便有自适应的元素也不会因屏幕的不同而出现别样的展示形式（尤其一行多少个 grid 的这种场景 (display: grid;)）

  1. 超长页面怎么不忽略重点区

使用 affix，可以参考 Google

LynnWonderLu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习笔记界面的设计
weixin_44051236的博客
05-24 346
在开发学习笔记界面时，遇到了几个问题，记录如下： （1）单页面全局变量的定义 在写笔记的这个界面，js文件中涉及到三个从html中返回的对象，都是通过不同的方法获得的，而这些对象最后都要用于数据库的查询使用，因此都要定义成全局变量。 一开始我才用的是setData的方式，但是在处理的过程中发现后台报了错，查阅资料发现原来setData的使用是需要渲染的，而我获得的这几个数据在之后都不需要再返回给页面了，所以最好不要使用setData 于是我改为使用this.data…通过console.log后台打印发现取
笔记——用户界面设计
huihui1314_的博客
12-03 1241
用户界面应具备的特性 1、可使用性（帮助和容错） 2、灵活性 3、复杂性和可靠性 用户界面设计的任务分析 1、用户特性分析 2、用户工作分析 3、有关系统的概念和术语 4、界面类型 用户特性分析 1、弄清将要使用这个界面的用户类型 2、用户类型：外行型、初学型、熟练型、专家型 3、用户特性度量 4、用户使用的频度 5、用户是否能够自由选用界面 6、用户对计算机的熟练程度 7、用户知识 8、用户思...
页面设计笔记
weixin_34122810的博客
01-26 83
最近两周写了几个页面，虽然看起来很简单，但是也考虑到了IE8的兼容性、不同屏幕尺寸的适配性以及其它的一些方面，所以也算是小有收获。下面就把写代码过程中遇到的各种问题和解决方案记录下来。 head区域的要点 浏览器渲染模式X-UA-Compatible <meta http-equiv="X-UA-Compatible" cont...
界面设计学习笔记
zggzdulanduo的专栏
08-15 1043
<br />初学界面设计，把用到的技巧记录下来。。。<br />1、  怎样在程序开始的时候让它最大化？自定义窗口大小与标题？<br />在App类里的C…App::InitInstance()中把m_pMainWnd->ShowWindow(SW_SHOW)改成m_pMainWnd->ShowWindow(SW_MAXIMIZE);<br />在MainFrame的PreCreateWindow中修改为：<br />BOOL CMainFrame::PreCreateWindow(CREATESTRUCT
复习笔记--页面流程设计
薛定谔的猫
12-27 274
页面流程 页面流程图 交互设计/原型设计的图纸，是基本依据 代表用户的操作流程，先做页面流程能快速发现体验问题（用户视角） 突出页面重点元素与逻辑关系，提升原型设计的效率 页面流程图 vs 信息架构图 页面流程图，以用户视角，主要看流程的合理性 信息架构图，以产品视角，主要看包含多少功能点 页面流程图适合于跳转比较复杂的产品功能，如电商、社交产品等 信息架构图适合于层级比较分明的，如音乐产品、新闻客户端、阅读类产品 页面流程图 包含什么？ 矩形：业务流程中矩形部分，异常流程...
网页设计（前端）学习笔记
m0_73767545的博客
04-17 1672
标题标签段落标签换行标签文本格式化标签图像标签。
Web前端学习笔记（1）
maxiaoxiaohaohao的博客
10-19 3580
Web前端学习笔记（1）
易语言学习笔记（1）
qq_32886245的博客
12-16 2589
易语言入门教程（1）起步下载与安装第一个程序windows窗口程序1. 事件处理子程序2.引用格式基础变量局部变量（子程序变量）程序集变量全局变量常量数据类型与数据类型长度各数据类型初始值易语言编辑器内置输入法注意 起步 机缘巧合下知道了易语言的存在，想要学习易语言却发现相关博客文章太少，官网手册的学习文档中的版本又太旧。这次跟着《十天学会易语言图解教程》学习易语言，打算对自己提高要求做个笔记，也...
软件设计师个人学习笔记
06-21
《软件设计师个人学习笔记》是一份详实的学习资料，涵盖了软件设计师考试的重要知识点。这份笔记以照片形式呈现，便于读者更直观地理解和记忆。以下是对笔记内容的详细解析： 第一章 计算机网络概论 在这一章中，...
C语言学习笔记.docx
04-21
1. 访问官方网站http://www.codeblocks.org/，选择下载页面。 2. 选择适合的操作系统版本，对于Windows用户，推荐下载带MINGW的版本，因为它包含内置编译器。 3. 下载后解压缩，双击`codeblocks.exe`启动IDE。 4. 在...
EPLAN学习笔记-常用操作步骤
04-16
这些操作步骤覆盖了EPLAN软件中从基础元素创建到复杂系统设计的多个方面，是学习和使用EPLAN过程中非常重要的实践指南。通过熟练掌握这些步骤，用户可以高效地进行电气工程的设计和文档编制工作。
JavaScript高级程序设计学习笔记（一）
01-08
最近为了补js的基础，开坑javascript高程，这书基础部分写得很详细很好读，搭配着MDN进行学习理解。 闲下来的时间记录一下边读边做的笔记，大多是以前编程的时候没注意过的基础知识点。 第一章 JavaScript的完整实现...
JavaScript高级程序设计（第三版）学习笔记1~5章
10-22
《JavaScript高级程序设计（第三版）》是学习JavaScript的重要参考资料，涵盖了许多核心概念和技术。以下是该书前五章主要知识点的详细讲解： 1. 在HTML中使用JavaScript： - `<script>`标签用于引入JavaScript...
计算机组成原理.zip
06-20
计算机组成原理.zip
argon2_cffi-15.0.1.tar.gz
06-20
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
ipython-8.17.2-py3-none-any.whl
最新发布
06-20
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
小程序版基于深度学习识别鞋面有无污渍-不含数据集图片-含逐行注释和说明文档.zip
06-20
本代码是基于python pytorch环境安装的。 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01数据集文本生成制作.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集。 运行02深度学习模型训练.py就会将txt文本中记录的训练集和验证集进行读取训练，训练好后会保存模型在本地。训练完成之后会有log日志保存本地，里面记录了每个epoch的验证集损失值和准确率。 运行03flask_服务端.py就可以生成与小程序交互的url了 然后需要我们运行微信开发者工具，如果之前没有下载过，则需要在电脑网页上，搜微信开发者工具进行下载。 导入我们的小
C语言实现计时器：限制老鼠偷奶酪游戏时间的策略
06-20
在编程游戏中，尤其是像老鼠偷奶酪这样的策略游戏中，时间管理是一个重要的组成部分。通过在程序中添加计时器，可以为游戏增加紧迫感和挑战性。本文将介绍如何在C语言程序中实现计时器，以限制老鼠偷奶酪的时间，并探讨计时器在游戏中的应用。 在编程游戏中，尤其是像老鼠偷奶酪这样的策略游戏中，时间管理是一个重要的组成部分。通过在程序中添加计时器，可以为游戏增加紧迫感和挑战性。本文将介绍如何在C语言程序中实现计时器，以限制老鼠偷奶酪的时间，并探讨计时器在游戏中的应用。 在编程游戏中，尤其是像老鼠偷奶酪这样的策略游戏中，时间管理是一个重要的组成部分。通过在程序中添加计时器，可以为游戏增加紧迫感和挑战性。本文将介绍如何在C语言程序中实现计时器，以限制老鼠偷奶酪的时间，并探讨计时器在游戏中的应用。 在编程游戏中，尤其是像老鼠偷奶酪这样的策略游戏中，时间管理是一个重要的组成部分。通过在程序中添加计时器，可以为游戏增加紧迫感和挑战性。本文将介绍如何在C语言程序中实现计时器，以限制老鼠偷奶酪的时间，并探讨计时器在游戏中的应用。
AI+智慧校园建设方案PPT(100页).pptx
06-20
智慧校园大数据信息化AIOT平台建设整体解决方案是一个综合性的校园智能化升级计划，旨在通过应用物联网、大数据、人工智能等高新技术，打造一个安全、便捷、绿色的校园环境。该方案遵循国家教育信息化2.0规划和相关标准，强调技术在教育领域的深度应用。 方案的核心内容包括全场景的智能互联、物信融合、AI赋能创新应用，以及校园营运指挥中心的建设。它涵盖了智慧管理、智慧服务、智慧教学等多个方面，通过SAAS、PAAS、DAAS、IAAS等多层次的系统架构，实现从数据存储、管理到智能分析和应用的全面覆盖。 智慧应用聚焦于校园特色场景，如教室、宿舍、图书馆和食堂，通过AI视频智能分析技术，提供便捷服务。方案还包括智能安防、智慧消防、能耗监管等，以实现校园的智能化管理。例如，人脸门禁系统提供无感通行，提高安全性和便捷性；车辆管理系统通过轨迹分析和布控，优化交通秩序。 此外，方案还强调了智能照明、智能水控和电控等节能环保措施，以及通过智能语音分析和录播方案提升教学质量。智慧宿舍通过人脸宿管和智能节电，提高宿舍管理效率。整体上，该方案通过技术集成和创新，推动校园向智能化、信息化转型，为师生创造更安全、便捷、环保的学习和生活环境。
JQury 学习笔记
12-09
以下是JQuery学习笔记： JQuery是一个快速、小巧且功能丰富的JavaScript库。它使得HTML文档遍历、事件处理、动画和Ajax操作更加简单。JQuery的语法设计使得许多常见的任务变得更容易，从而使得JavaScript编写变得更加简单。 JQuery的语法基于CSS选择器，可以轻松地选择HTML元素，并对它们执行操作。JQuery还提供了许多实用的方法，如事件处理、动画和Ajax操作等。 以下是一些JQuery的例子： 1.在HTML页面中引入JQuery库 ```html <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> ``` 2.选择HTML元素并对其执行操作 ```javascript $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); ``` 上述代码将在页面加载完成后，当用户点击按钮时，隐藏所有的段落元素。 3.使用Ajax从服务器获取数据 ```javascript $(document).ready(function(){ $("button").click(function(){ $.ajax({url: "demo_test.txt", success: function(result){ $("#div1").html(result); }}); }); }); ``` 上述代码将在页面加载完成后，当用户点击按钮时，从服务器获取demo_test.txt文件的内容，并将其显示在id为div1的元素中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值