M菌

@王二麻  问答社区的目的:知识分享。把自己知道的知识告诉其他想要得到这方面知识的人,同时也可以从别人那儿得到自己不知道的知识。从长期性来看可源源不断获取想了解的新知识,短期性来看亦解决提问用户当前困惑的问题。

早些时候大家直接用搜索引擎搜索自己的问题来获得想要的结果,但是搜索引擎的涉及范围广,内容繁杂,用户提的问题得到答案的效率较低。问答社区规整了互联网用户想知道的问题,提高了解决问题的效率。

随着问答社区高质量用户的增加,问答社区不仅仅局限于问问题和作出回答,而是渐渐有了交流,有了不同理解的互相讨论,因为开放性的问题不一定只有一个答案,而不同的人对同一个事物也有不同的见解。

今天我们就给大家提供问答社区中影响力很高的「知乎」问答社区APP的原型,希望对做问答社区的朋友们有帮助~

我们的原型包括「首页」「发现」「电子书」「消息」「我的」五大版块,「问答」「专栏」「知乎live」「读书」「私信」「文章」等核心界面,「支付」「评价」「书架」「推荐」等特色组件,以及「提问」「撰写回答」「live支付」的完整流程等。

原型、页面、组件的高保真和低保真版均有完整下载哦~戳文末链接即可~

 

低保真和高保真原型对比

戳大图可以看到高清对比~

知乎原型高低保真对比图

放出一个高保真预览gif——

Zhihu-preview-3 (1)

想完整预览所有页面和流程的戳这里

高保真原型预览: xiaopiu-知乎app高保真

低保真原型预览: xiaopiu-知乎app低保真

 

高保真组件库预览

知乎组件库

 

利用组件库搭建页面

在精选广场的组件库里搜索知乎,在搜索出的组件库右下角点击引用为我的公用库

(或者直接简单粗暴的戳这里→ xiaopiu-知乎高低保真组件库

组件库引用功能截图1

也可以戳这个进入高保真组件库→xiaopiu-知乎高保真组件库

低保真组件库→xiaopiu-知乎低保真组件库

之后点击右上角的引用按钮~

组件库引用截图2

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

这个组件库到底有多方便呢?看看这个动态演示↓

app-designing-process

 

资源地址

高保真原型预览→ xiaopiu-知乎app高保真

低保真原型预览→ xiaopiu-知乎app低保真

高低保真原型下载→ xiaopiu-知乎高低保真原型

高保真页面库引用→ xiaopiu-知乎高保真页面库

高保真页面库引用→ xiaopiu-知乎低保真页面库

高保真组件库引用→ xiaopiu-知乎高保真组件库

低保真组件库引用→ xiaopiu-知乎低保真组件库

 

原文地址:知乎

作者:王二麻

 

转载请注明:学UI网 » 问答社区「知乎」APP原型分享

登录收藏
 
你可能喜欢的:
如何衡量交互成本2.0如何衡量交互成本2.0
网易云音乐 | LOOK直播页改版设计网易云音乐 | LOOK直播页改版设计
产品体验设计-交互篇(二)产品体验设计-交互篇(二)
Material Design Environment Light and shadowsMaterial Design Environment Light and shadows
你过来,我有1个设计技巧想对你说你过来,我有1个设计技巧想对你说
为什么你的设计无法让别人记住(一)?为什么你的设计无法让别人记住(一)?
圆角矩形背后的含义|深度解析圆角矩形背后的含义|深度解析
交互基础——页面加载方式交互基础——页面加载方式
一篇文章读懂交互设计7大定律一篇文章读懂交互设计7大定律
音频 | 开屏页设计,看这篇就够了!音频 | 开屏页设计,看这篇就够了!