高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年优秀软件交互设计案例(共4篇)

优秀软件交互设计案例 第1篇

bilibili 现为国内最大的年轻人潮流文化娱乐社区,又称“B站”。产品用户为二次元漫画的年轻人群。

1.目标用户:Biliili的目标用户是国内的ACG爱好者群体,其中也包括一批高质量的内容产出团队——“UP主”。UP主通过制作和上传ACG相关的视频,再由ACG爱好者们观看和传播。这种UGC模式下源源不断产出的高质量内容,成为网站发展繁荣的基础。

1)年龄分布

2)地域分布上,高频使用人群主要集中在沿海地区和一线城市。这些地区经济发达,教育水平高,思想观念开放,也是最早受ACG亚文化影响的地区。同时,大量漫展、同人祭等活动也都选择在该地区开办,因此成功培养起一大群忠实的ACG爱好者,成为Bilibili潜在用户。

2.需求分析:ACG爱好者群体日常上网需求主要就是看动画、玩游戏和读小说,同时辅以一些社交活动、深度动漫行为和购买行为。Bilibili针对ACG爱好者提供了多样又全面的功能,满足了其日常上网的各个需求。

3.市场分析:2015年我国泛ACG用户达亿,其中90后超过95%,他们每年在二次元文化周边平均花费超1700元。同时二次元用户以学生和职场新人为主,他们有充足的空闲时间可以分配,花在游戏上的时间也很长,属于中重度游戏玩家。其中愿意为游戏付费的玩家高达70%。国内ACG爱好者群体虽然收入普遍不高(学生群体月均零花钱接近600元,非学生群体月均收入接近4000元),但其在ACG上的花钱比例高达95%,再加上他们接下来将成为社会主要的消费群体,所以Bilibili市场前景广阔。

4.竞品:Acfun

优秀软件交互设计案例 第2篇

该组app界面设计案例以线框图为设计基础,添加了各类动画组件、图片,深色系列主题,给用户直观生动的舒适感。同时,此模板添加了多样化功能界面,例如:消息通知、搜索栏等等,简约又全面,十分值得学习借鉴。

自动对齐,排版美观整洁:Pixso新增两端对齐功能,文本两端文字自动对齐,使之更加工整和有条理,给人一见钟情的感觉,让设计排版更加赏心悦目。

斜切插件,打造动感氛围:新功能斜切插件可以进行版式设计、字体设计、插画绘制、3D设计等,可进行版面设计的时候,上下构图、左右构图打造垂直视觉效果。

矢量网格,绘图轻松又高效:帮助设计师在绘制多面体LOGO、字体、图标、插画时简化操作步骤,快速变换设计风格,提升工作效率。

看到这里是不是十分心动呀?那还等什么,快来Pixso资源社区领取免费海量模板吧!

优秀软件交互设计案例 第3篇

keep内容需求明确,在安卓端的4大标签下,分别设有“训练”“发现”“关注”“我”来满足用户需求。以下为keep的核心特点:

A.量体裁衣,多种健身训练供你选择:训练计划针对不同人群、各种器械和阶段健身目标组合编排,适用最广泛的健身场景。

B.真人同步训练,记录训练记录:全程语音督导,自动同步进度,真正良好的体验是你永远不需要背动作、记组数。

C.分享健身成果,一起进步:拍照记录每一天的变化,分享好友相互勉励,在「Keep」运动社区,健身不再是孤独的坚持。

D.连接 HealthKit,同步训练数据:完成训练后可与 HealthKit 连接,记录每次的训练成果和变化。

设计模式分析 :部分套用ios的设计模式

A.底部Tab导航标签设计(如图)

安卓规范下采用的Tab标签为了防止误触,一般设计在顶部。而keep的Tab标签导航则在底部,客观来讲,这是大部分国内安卓应用直接套用ios的设计模式常用的手法。但是如果再进一步对比观察,如右图,如果将Tab栏设计在顶端,会给人头重脚轻的感觉,视觉体验大大减小。所以,根据用户需求,具体问题具体分析,不要为了规范而规范,适合产品的模式才是最好的设计。

左右两侧的页面则根据用户需求,将重要且常用的功能添加进来。方便用户快速切换。

B.内容列表分析:图文列表+网格列表+滑动展示的混合设计模式(如图)

整体来看,keep的内容展示为大图文结合的列表设计,直观而富有感染力。首页将用户的训练数据直观的展现出来,清晰明了。训练课程页面设计为网格式的大图文列表,通过图片展示分类的运动模块。发现页面的推荐用户设计为滑动页面,尽可能的多推荐兴趣用户,左右滑动的边界展示部分icon告知用户还有更多,在有限的空间内展示更多内容。

而值得一提的是,在达人页面,用户可以根据自己的习惯选择商量浏览模式,分别为图文列表模式或者网格列表模式。

临时视图模式,一般用户处理临时性的内容,通常情况下以模态视图的形式展现出来,常见的有卡片式或全屏式。Keep的提醒用户升级页面则是模态视图的卡片式设计。

C.表单设计分析:列表设计

登录注册表单同样是简洁的列表设计。同时支持第三方登入。

纵观各个平台的规范和设计模式都有共同点和差异点。遵循平台规范和设计模式是评价一个设计师是否专业的重要因素,符合用户习惯,让用户有好的用户体验是判断一个产品是否好的重要因素。但是不要为了规范而规范,从需求出发选择合适的设计模式更重要。学会分析,灵活应用,多思考多总结才能变得更好。

优秀软件交互设计案例 第4篇

当我们输入含有辱骂、不雅等的评论内容时,系统会提示我们含有不文明的字眼,如果我们执意要发表不文明评论,系统就会将不文明字段统一改成“笨蛋”。

设计思考:

【皮皮虾】作为一款主打轻幽默神评论的社区产品,是决不允许出现不和谐的语言,让人感到这个平台戾气很足。用这种俏皮的口吻,既表达了用户的情绪,又规范了平台用户的言论。

以上就是今天的分享,希望可以给你的设计带来帮助。

猜你喜欢