首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏博文视点Broadview

    【精选案例】赛程魔方3D旋转界面设计

    赛程魔方3D旋转界面设计 在2014巴西世界杯期间,我们与腾讯体育推出了一款世界杯赛程H5页面。 图2 3D旋转的交互模拟步骤 因团队负责媒体界面设计,所以从本源上我们十分强调内容与设计形式的高度结合,我们希望设计形式就可以强烈传达出我们要表现的内容与态度。 大家知道H5可以有3D旋转等形式,所以页面的交互方式将充分利用这一特性,当用户触控屏幕,手指上划,页面整体呼之欲出,以整体3D翻转的形式完成页面切换,交互形式新颖震撼并贴合内容。 动态卡片抽出交互设计方案如图3所示。 ? 图3 赛程魔方动态页卡抽出的交互虚拟步骤 如图3所示,考虑到不同用户的不同需求,我们希望从封面起,即可以快速定位至相应页面,交互形式上补充了动态卡片抽出的交互设计方案,三排纵向并列式按钮以单击或滑动均可触发卡片抽出

    67220发布于 2020-06-11
  • 来自专栏github@hornhuang

    Android登录界面设计

    x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzc3NzQ5

    2.9K21发布于 2021-09-24
  • 来自专栏互联网杂技

    好的界面设计

    3.合并重复的功能而使界面简洁 在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。

    1.7K60发布于 2018-04-02
  • 来自专栏PM吃瓜(公众号)

    app界面设计流程

    初步了解产品的基础上制定用户需求调研问卷,粗略了解用户对该产品的功能需求 Step 3. 制定正式问卷,以下为某银行客户制定的用户需求调研问理财经理App需求调研 Step 4.

    1.5K50发布于 2019-08-12
  • 来自专栏全栈程序员必看

    Matlab GUI界面设计

    ,进行相关的选择和设置 点击确定,得到两个文件,一个是.m文件,另一个是.fig文件,需要说明的是,.m文件用于编辑GUI中控件所需要的回调代码,.fig文件可以用鼠标拖拽等比较简单的操作进行初始的界面设计 3.GUI初始程序编写 3.1.初始程序是界面运行时最先执行的程序,用于对控件等的一些初始设置,该部分的代码应该添加在.m文件的test_OpeningFcn(hObject, eventdata, handles

    1.8K30编辑于 2022-08-10
  • 来自专栏微信小开发

    小程序界面设计指南

    “上一期文章讲了小程序平台的特点以及场景需求,这一期文章主讲小程序设计规范,这是我通过阅读官方文档后归纳总结的,需要详细了解的小伙伴可以去看官方设计指南,文末有链接。” 文章大纲 01 用户体验要点 02 字体规范 03 控件规范 04 页面加载 05 页面状态 总结 资源 01 — 用户体验要点 轻量、简洁、目标明确 减少无关的设计元素对用户目标的干扰,每个页面都应该有明确的重点,便于用户每进入一个新页面时都能快速地理解页面内容。 清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游

    6.2K70发布于 2018-02-08
  • 来自专栏用户3254834的专栏

    考试App界面设计要点

    3)近似色配色 如果觉得单一配色过于单调无趣,但又不想色彩太缤纷,可以用主色的近似色进行点缀。 (4)渐变配色 渐变作为一种设计趋势,能使页面感受更丰富饱满。 3. 同一模块中的图标视觉大小统一 3. 正确传达图标的含义 4. 在内容简单的页面,加强对图标的细节勾勒 三、配图 根据产品自身的定位和目标用户群体选择图片。 四. 信息的排布 1. 适当的留白 3. 信息布局符合阅读习惯 从上到下、从左到右、从大到小、从重到轻,这是用户已形成的阅读习惯,很难去改变,所以尽量要遵循。

    1.8K30发布于 2019-10-16
  • 来自专栏云瓣

    界面设计技法之布局

    让我们瞧瞧: .three-column { padding: 1em; -moz-column-count: 3; -moz-column-gap: 1em; -webkit-column-count : 3; -webkit-column-gap: 1em; column-count: 3; column-gap: 1em; } 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局 ,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。 它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,为此W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column .flex1 剩余宽度的1/3。 .flex2 我会占满剩余宽度的2/3

    1.7K10发布于 2019-02-15
  • 来自专栏蚂蚁开源社区

    【UI界面设计】简洁的纯CSS3红色分页样式源码

    简要说明 代码是一款红色主题的CSS3分页样式。该分页样式在bootstrap分页代码的基础上,添加一些自定义CSS样式,制作出在鼠标hover时,带幻影动画效果的红色分页主题。 ? h1 span { display: block; font-size: 60%; font-weight: 400; padding: 0.8em 0 0.5em 0; color: #c3c8cd (0,0,1,22.5deg); transform: rotate3d(0,0,1,22.5deg);} .htmleaf-icon { display: inline-block; margin } .htmleaf-header h1 { font-size:1em; } .htmleaf-links{font-size: 1em} .related h3{ active">2

  • 3<

1.3K30发布于 2019-11-10
  • 来自专栏该溜子的专栏

    【Android】用户登录界面设计

    findViewById(R.id.cb_agreement); /** * 处理富文本 * 1:获取文本 * 2:改成超链接 * 3: 这行代码才是精髓 //但是也暴露出来了一个问题,点击《用户协议》这个超链接的时候会触发CheckBox的监听,这明显是不太合理的 上面这段代码非常折磨,我们慢慢一点一点分析,啃下来,加油 3: 初始区间 起始下标和结束下标 左闭右开区间 [start,end) 初始范围的规则 跟最后一个参数flags的区间没有关系 exclusive 包含 inclusive 不包含 (3) wrap_content" android:layout_height="wrap_content" android:text="登录" /> </LinearLayout> 3: Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); /** * 处理富文本 * 1:获取文本 * 2:改成超链接 * 3

    28500编辑于 2025-07-19
  • 来自专栏华章科技

    干货 | 数据驱动的界面设计

    在我的职业生涯中,有幸参与一大批数据为重的界面设计,我要在此分享一些观点,讲讲如何造就这种特殊且有意义的产品。 很多人已经讨论过这个议题,我会围绕创作过程中最具影响力的部分。 1. 3. 选择正确的图形 在美学方面,有很多(太多了)设计都在误用图表。 最糟的是——这些“坏习惯”似乎在成倍增加。随处可见本应是饼形图的面积图,还有本应该是柱状图的曲线图。 最近无意中读到这篇来自37 Signals的文章—— 只要3种图表就够了。作者强烈表达一个观点,图形的“有效性”胜过它的视觉特征。我非常赞同文中这一观点。 _r=0 在这个3D图表中,透视角度的改变在视觉上非常有冲击力,也让用户更好理解数据间的关联。 ? 还有“我只要3样东西……X、Y和Z。哪里可以看到它们?” 哎,这时候你才会意识到自己迷失在杂草丛中,遗失了重点。 我会有个办法,尝试使用文字来精确表达人们所要的东西。 ?

    1.3K20发布于 2018-08-13
  • 来自专栏哆哆Excel

    python界面设计Tkinter学习(1)

    python界面设计Tkinter学习(1) Tkinter:Tkinter 模块(Tk 接口)是 Python 的标准 Tk GUI 工具包的接口 .Tk 和 Tkinter 可以在大多数的 Unix 【知识】学习了组件:Lable、Button # -*- coding: utf-8 -*- """ Python界面设计Tkinter学习之一 Label=Button @author: admin """ #1.导入类,2.实例化,3.标题,4.设定窗体大小 import tkinter as tk root = tk.Tk() root.title("第一个Tkinter程序") root.geometry

    1.1K40编辑于 2022-10-25
  • 来自专栏DotNet NB && CloudNative

    ReaLTaiizor:WinForms 界面设计利器

    WindowsDefenderSample Kaspersky Security Cloud KasperskySecurityCloudSample XAMPP XAMPPSample Rufus RufusSample MP3 Player MP3PlayerSample Payment PaymentSample Login LoginSample Instagram InstagramSample Prepared Stopwatch MAChangerReady Nerator NeratorReady Portscan PortscanReady Translate Overview Overview-1 Overview-2 Overview-3

    47910编辑于 2025-08-06
  • 来自专栏MixLab科技+设计实验室

    深度学习能用于界面设计吗?

    如果将深度学习用于界面设计,会对上述问题产生影响吗?首先,什么是深度学习? 3.布局识别效果并不好。 4.对中文识别效果并不友好。 因为界面设计和室内不一样,室内设计生成的是一张布局图,但界面设计里需要考虑业务目标,同时还要考虑不同界面之间的关系,每一个界面的布局和流程都会影响下一个界面的设计,因此它要比室内设计复杂得多。 能不能通过不同产品的界面设计知道最佳设计是什么?不能,不同的商业目标会有不一样的设计目标,因此会产生不一样的设计,这不具备普适性。那么,能不能通过竞品的界面设计知道相同业务的最佳设计是什么? 3.如果想根据每个人的习惯爱好自动生成千人千面的界面设计,那么收集的数据一定是每个人的隐私数据,而且是这个用户的全部隐私数据,这样才能知道这位用户的习惯爱好是什么,但目前无论iOS还是Android系统都不允许应用过分收集用户的隐私数据

    2.3K30发布于 2019-07-30
  • 来自专栏腾讯社交用户体验设计

    那些高效的界面设计工具

    3. 当前阶段各种新兴设计工具如XD、Figma、Framer Web逐渐走进设计师们的视野,它们专注于界面设计领域,不断挖掘和突破Sketch的短板,为设计师们打造更良好的使用体验。 ‍‍‍‍‍ Part3 界面设计工具推荐 1 UI工具篇 1.1 Figma Figma是一款全平台通用的在线界面设计软件。 3)一键导入sketch文件 Figma可导入Sketch文件,大大降低了文件迁移成本。如果你想迁移全部工作到Figma是十分便捷快速的。 3 插件篇 虽然云端化的设计工具正逐渐兴起,但sketch仍然是目前较为主流的界面设计工具。 3)便捷组建项目和管理团队成员 项目管理者可以在XSHOW便捷组建项目和管理团队成员,大大提高了项目管理者的管理效率。

    1.9K30发布于 2020-11-25
  • 来自专栏python爬虫实战之路

    Qt Designer界面设计器简介

    Qt Designer 可以通过拖拽的方式完成复杂的界面设计,而且还可以随时预览查看效果。它生成的 UI 界面是一个后缀为.ui的文件,其实就是一个 XML 格式的文本文件。 区域3是对象查看区,可以查看主窗口中放置的控件列表。 区域4是属性编辑器,可以在此对控件属性进行设置。 ? objectName: 控件对象名称,类似于身份ID,在一个窗体中不能重复。 150, 140, 113, 32)) self.pushButton_2.setObjectName("pushButton_2") self.pushButton_3 = QtWidgets.QPushButton(self.centralwidget) self.pushButton_3.setGeometry(QtCore.QRect(150, 200 , 113, 32)) self.pushButton_3.setObjectName("pushButton_3") MainWindow.setCentralWidget

    10K11发布于 2019-05-28
  • 来自专栏叶子陪你玩编程

    python GUI界面设计的那些事

    3.将返回的效果显示到文本框内。(原来是显示在终端的) ---- 到这里相信你对界面程序应该有一些了解了。其实界面就是由一个个独立的控件(按钮,文本框,滑动条等等)组合在一起形成的。 ?

    1.4K20发布于 2021-04-13
  • 来自专栏javascript趣味编程

    7.2.1 需求分析及前端界面设计

    [题引]:冷凝器设计程序的需求是什么?我们最希望,输入蒸发器工况(如翅片参数、冷凝负荷、冷却介质物性参数、冷却管道热流密度等等),能够自动计算蒸发器换热元器件的参数(如流程数、冷却管道总长等等),甚至希望能够直接将图纸输出。

    1.4K10发布于 2019-04-26
  • 来自专栏码匠

    内部系统界面设计【上】 | 问题与挑战

    本篇文章中,码匠将带您深入探讨内部系统 UI 设计,具体我们会介绍内部系统界面设计以及它所面临的挑战。企业内部系统界面设计有何不同首先,让我们看一下有效的内部系统界面在公司环境中扮演的角色。 因此内部系统界面设计的核心目标,就是设计出能够使用户尽可能高效、经济和准确的界面。给定的 UI 在员工工作中的渗透率越高,影响就越大。 你可能想问,to C 的软件界面与交互设计也要考虑这些,那它们与 to B 的内部系统相比,在界面设计上有何不同?一个区别是,内部系统主要用于满足公司组织的需求而不是单个用户的需求。 安全性的加固主要是在后端、基础架构或身份验证服务处理,可尽管如此,界面设计也发挥了作用,毕竟应用程序的前端决定了用户可以采取的行动以及他们如何采取的情况。 当然同样这主要由后端因素决定,但您的界面设计与 UI 交互仍然发挥重要作用。

    1.5K10编辑于 2022-09-02
  • 来自专栏蚂蚁开源社区

    【UI界面设计】CSS生成工具,提示箭头

    inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(255, 255, 255, 0.3); border-radius: 4px; padding: 3px

    1.2K10发布于 2019-11-13
  • 领券