UI学习 -2 企业微信第三方应用官网界面设计零碎总结

最新推荐文章于 2024-09-16 20:51:41 发布
最新推荐文章于 2024-09-16 20:51:41 发布
阅读量120 收藏
点赞数
文章标签： 学习 企业微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaogaojian/article/details/132443267
版权
这篇博客从技术人员的角度出发，总结了企业微信第三方应用官网设计的特点。官网采用耐看实用的风格，遵循常规的网页设计模式，如大图贯穿页面、中间放置视频介绍、模块化内容展示和底部链接等。整体色调以深色背景配合浅色元素，呈现专业而简洁的视觉效果。
摘要由CSDN通过智能技术生成

公司的产品界面设计不是那种花哨很炫的界面，属于耐看实用型的，目前在企业微信上长期排名前三，最初上线时也有企业微信产品经理的全力指导，从我一个技术人员角度上，总结下整体的设计风格

产品地址：https://hr.bhuitong.com/

一、后台登录首页

1、整体上使用的常规的官网设计方式

2、大图贯穿页面设计

 

 3、视频介绍放在中间

4、各种模块介绍

最低0.47元/天 解锁文章
zhaogaojian
关注
【企业架构设计实战】应用架构设计
程序员光剑
02-09 1万+
前言企业IT架构包括应用架构、数据架构和技术架构，企业IT架构与业务架构共同构成了企业架构的核心内容。接下来重点介绍IT架构中的应用架构。应用架构是对企业所有应用系统、服务及它们之间交互关系的整体描述，反映应用系统如何支撑业务运行及未来业务发展，同时需要体现应用与技术、数据之间的关系。其中我们会看看应用架构的本质、价值、设计框架、常用模式、核心策略、设计原则，并重点讨论应用架构的利器——领域驱动设...
【企业架构设计实战】4 应用架构设计
程序员光剑
02-17 2万+
前言企业IT架构包括应用架构、数据架构和技术架构，企业IT架构与业务架构共同构成了企业架构的核心内容。接下来重点介绍IT架构中的应用架构。应用架构是对企业所有应用系统、服务及它们之间交互关系的整体描述，反映应用系统如何支撑业务运行及未来业务发展，同时需要体现应用与技术、数据之间的关系。其中我们会看看应用架构的本质、价值、设计框架、常用模式、核心策略、设计原则，并重点讨论应用架构的利器——领域驱动设...
UI学习 -3 企业微信第三方应用管理页面设计零碎总结
zhaogaojian的专栏
03-21 109
公司的产品界面设计不是那种花哨很炫的界面，属于耐看实用型的，目前在企业微信上长期排名前三，最初上线时也有企业微信产品经理的全力指导，从我一个技术人员角度上，总结下整体的设计风格 产品地址：https://hr.bhuitong.com/ 1、首页是各种统计数据及快捷入口，总背景灰色，各个模块使用白色背景，重点提示在顶部，使用橙色 2、列表页面，背景灰色，Panel使用白色，标题在顶部，顶部下...
2.5万字讲解DDD领域驱动设计，从理论到实践掌握DDD分层架构设计，赶紧收藏起来吧
热门推荐
qq_41889508的博客
05-29 9万+
MVC模式 VS DDD模式，DDD领域驱动设计：战略设计，战术设计，问题空间，解决空间，事件风暴，通用语言，限界上下文，上席文映射，问题域，领域，贫血模型，充血模型，领域模型，问题空间，解决空间，问题域，子域，核心子域，通用子域，支撑子域，领域事件，实体，聚合，聚合根，应用服务，领域服务，仓库，工厂，防腐层等概念）的DDD分层架构-四层架构（接口层，应用层，领域层，基础设施层）越、六边形架构，洋葱架构，整洁架构等来越热了，使代码依然整洁，利于扩展和维护，高度自治，高度内聚，边界领域划分的很清楚。
微信小程序<每日查看>开发总结
weixin_30251829的博客
07-24 418
之前一直在做iOS平台的App和SDK开发，发现微信小程序还蛮有意思的，花了将近几天的时间，从看书学习到萌发想法，最后开发出一款小应用，现在花点时间总结一番！作为自我勉励和后续继续学习动力～ 先上效果图: 小程序码如下，用户打开微信使用扫一扫，即可启动；...
为Vue2集成UIkit
博文视点（北京）官方博客
04-26 5169
Vue只是为我们提供了一个很优秀的前端组件式开发框架，但单纯依靠Vue是做不出一个漂亮的网页应用的，甚至连“不难看”这个标准都达不到。这个时候借助界面框架UIkit能够很好地解决这一问题。 本文出自《 Vue只是为我们提供了一个很优秀的前端组件式开发框架，但单纯依靠Vue是做不出一个漂亮的网页应用的，甚至连“不难看”这个标准都达不到。这个时候借助界面框架UIkit能够很好地解决这一问题。 本文出自《Vue2实践揭秘》一书。2实践揭秘》一书。
Hybrid混合开发学习笔记（2）开发框架
bihansheng2010的博客
09-17 1259
一、开发框架选型 1、混合应用开发框架横向对比 目前可供选择的混合应用开发框架大致可以分为五类：基础框架、脚手架、原生编译框架、开发平台、自研框架。 基础框架 基础框架是指以 WebView 与原生 API 交互为核心的经典混合应用开发框架，典型代表是 Cordova、Phonegap，早期还有 Interl XDK，不过已经停止维护。 Cordova 提供了跨平台的交互机制、插件机制...
企业架构设计方法与实践中的应用架构设计、企业IT架构概述、应用架构概述、应用架构设计框架、应用架构常用模式、应用架构核心策略、领域驱动设计、应用架构的设计方法和原则、应用架构与周边概念的关系以及案例
代码讲故事
03-13 231
企业架构设计方法与实践中的应用架构设计、企业IT架构概述、应用架构概述、应用架构设计框架、应用架构常用模式、应用架构核心策略、领域驱动设计、应用架构的设计方法和原则、应用架构与周边概念的关系以及案例。
Android之原生分享视频至微信
I_do_can的博客
09-25 6968
本文只是记录一些零碎的东西 最近遇到一个需求，需要分享视频到微信，第三方的分享以及微信自身提供的分享基本上都是分享一个网页链接，这不是我想要的 想要的是：分享出一个点击就可以播放的视频 是微信的分享完成界面，其实使用的是 Intent , new Intent(android.content.Intent.ACTION_SEND);
【小程序动画合集】10种小程序动画效果实现方法，文章太长建议收藏！
Dreawer微信小程序联盟
06-25 2万+
前言 一提小程序与动画，首先想到的是什么？嗯，微信小程序独创了一套动画玩法，官方支持3种动画方案，分别是createAnimation、this.animate和CSS3动画。 1.createAnimation与Animation 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。 var animation = wx.createAnimation({ transformOrig...
HAL库学习目录查询表
weixin_54210362的博客
09-11 321
日期 内容 2024.09.11 基于STM32C8T6的CubeMX：HAL库点亮LED 2024.09.11 STMCuBeMX新建项目的两种匪夷所思的问题 2024.09.11 STMCubeMX文件下载后会出现其他项目无法下载的问题
shader 案例学习笔记之将坐标系分成4个象限
localhost
09-13 215
坐标系被分成了4个单元格，每个单元格都有唯一的索引，后续就可以根据索引去渲染。
JUC学习笔记(二)
最新发布
zhouDonQuixote的博客
09-16 1118
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录四、共享模型之内存4.1 Java 内存模型4.2 可见性退不出的循环解决方法可见性 vs 原子性模式之 Balking1.定义2.实现4.3 有序性原理之指令级并行1. 名词2.鱼罐头的故事3.指令重排序优化4.支持流水线的处理器诡异的结果解决方法原理之 volatile1.如何保证可见性2.如何保证有序性3.double-checked locking 问题4.double-checked locking 解决happens-
计算几何学习
网安小白
09-12 452
学习计算几何过程中对经典算法的记录
看Threejs好玩示例，学习创新与技术(二)
htsitr2的专栏
09-14 488
它的主要特点是确保生成的点之间保持一定的最小距离，从而避免点的聚集。这种方法在计算机图形学、游戏开发、物理模拟等领域中非常有用，尤其是在需要生成自然分布的对象（如树木、石头等）时。如果不进行裁剪，那么效果如下（初步的锯齿感是因为矩形内采样的结果）。为啥这么复杂呢，为啥不开始存储每个方块的UV呢？下面代码的vTexCoords（=savedModelMatrix，已修改）记录方块所在的位置，vWorldPosition表示方块中像素的偏移。在上面那副图中，聪明的你一定初步猜到了每个方块的纹理是怎么得到的。
Spring Framework 学习总结博客
2302_80084329的博客
09-13 1020
通过本文的学习，我们从Spring的核心架构入手，逐步理解了IoC和DI的概念，并通过代码示例掌握了如何在实际项目中使用这些技术。Spring通过IoC容器管理bean，依赖注入将bean之间的关系解耦，大大简化了复杂系统的开发过程。这些基本的Spring知识是理解其高级特性（如AOP、事务管理）的基础，掌握这些概念后，我们可以更加自如地使用Spring构建复杂的企业级应用。
(学习总结17)C++继承
瞌睡不来的博客
09-16 607
C++继承
开发游戏的学习规划
weixin_42795092的博客
09-14 415
● C#语言快速系统地学习一遍（基础的语法、面向对象、基础的数据结构、基础的设计模式）● Unity的2D和3D部分及UI、动画、物理系统● 阶段性测验：需要去用前面所学的这些基础知识来完成一个简单的2d或者3d的案例，将通过一个自制的《Flappy bird》游戏案例讲解游戏开发的思想及方法，并将《Flappy bird》这个游戏进一步改造成一个横版射击类游戏《Crazy bird》以巩固并且升华整体学习效果。能独立完成，则测验合格。
Android Studio实战：仿微信主界面页面切换与UI设计
2. 前端UI界面设计： - 需要设计七个UI页面，分别对应六个功能页面和一个组合页面。每个功能页面对应底部菜单栏的一个图标，图标的状态（正常或选中）需要动态改变。 3. 页面切换： - 使用`Fragment`来管理各个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值