重庆总部电话:88888888
重庆总部电话:88888888

亚星管理平台

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

亚星管理平台菁思福知识库

探索行业前沿,共享知识宝库

【B端】常见设计有几个核心组件?
发布日期:2025-04-07 11:41:09 浏览次数: 837 来源:随心系

严选好文,学设计,少走弯路

作者:网络,仅供交流学习


案例

01



注:设计作品仅供学习交流,设计灵感,不可作为商用,版权归原作者所有!

常见导航-展示方式(侧边栏导航层次结构)


按钮组件


选择器组件


搜索组件


级联选择
树结构
文本输入组件
提示弹窗组件
tab组件、列表组件
卡片等等
查看图片
登录
查看图片
工作台
注:作品仅供学习交流,不可作为商用,版权归原作者所有!

设计理念

02


一、基础组件

  1. 文本元素:
    网页中最基本的组件,用于传达信息和内容。设计时需考虑字体、字号、颜色、段落和层次等属性。
  2. 图像元素:
    用于美化网页,具有生动、直观的特点。常用的图像格式有GIF、JPEG(JPG)、PNG等。合理使用图像可以简化页面内容,传达文字难以表达的信息。
  3. 按钮:
    网页中的操作提示,如“用户登录”、“登录按钮”、“More按钮”等,实质上也是一种超链接,通过按钮的形式可以直观地提示浏览者进行操作。

二、导航组件

  1. 导航栏:
    一组采用超链接技术的网页对象,包括文字、图像、按钮等,用于连接网站或其他网站的内容,使浏览者能在各部分或各网站之间快速切换。
  2. 其他导航元素:
    如格子、标签栏、索引栏、分页器等,用于显示当前停留的页面、功能模块,以及引导跳转至其他页面。

三、输入组件

  1. 表单:
    用于接受用户在浏览器端的输入,并将这些信息发送到用户设置的目标端。表单由不同功能的表单域组成,最简单的表单也要包含一个输入区域和一个提交按钮。
  2. 其他输入元素:
    如单选框、复选框、输入框、选择器等,为用户提供内容输入的操作区域。

四、展示组件

  1. 数据展示:
    如手机号、头像等,用于显示相关数据内容。
  2. 提示性展示:
    如标签、徽标、通告栏等,用于显示状态说明或提示性内容。

五、反馈组件

  1. 操作反馈:
    如对话框、吐司提示、气泡提示等,用于对用户操作行为或页面状态的提示,让用户知道当前的状态。
  2. 其他反馈元素:
    如动作面板、下拉刷新等,也属于常见的反馈组件。

六、其他组件

  1. 动画元素:
    网页上最活跃的元素之一,可以吸引访问者的注意力。常用的动画格式有GIF动画和Flash动画。
  2. 声音和视频元素:
    用于增强网页的多媒体体验。声音文件常用的格式有MIDI、WAV、MP3和AIF等;视频文件常用的格式有ASF、WMV、RM等流媒体格式。
  3. Banner:
    通常位于网页顶部或重要位置,用于展示广告、宣传语或重要信息。
  4. 特效组件:
    如Java特效、ActiveX等,用于点缀网页,使网页更活泼有趣。

此外,根据网页设计的具体需求和风格,还可以添加更多个性化的组件和元素。这些组件共同构成了网页的基本框架和功能,为访问者提供丰富、直观、易用的浏览体验。


往期推荐

03


【B端】各大厂前沿设计规范
图片

【B端】卡片列表设计
图片

【B端】后台系统工作台/首页/数据统计
图片

注:作品仅供学习交流,不可作为商用,版权归原作者所有!


【学习加群方式】



你是不是孤军奋战,
遇到设计问题不知道怎么处理?

别着急,我们有微信设计群!

与更多优秀设计师一起成长。

公众号留言:加群




差不多就写完了...大家觉得有帮助的话,记得点在看和转发

亚星管理平台菁思福科技,优秀企业首选的互联网供应服务商

亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》