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原型分享

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
写给视觉设计师的交互小技巧写给视觉设计师的交互小技巧
移动端模态弹框设计的7项原则移动端模态弹框设计的7项原则
如何设计令人“上瘾”的产品?如何设计令人“上瘾”的产品?
如何让设计稿更规范化?如何让设计稿更规范化?
解析百度贴吧升级的故事I:用户洞察与交互升级解析百度贴吧升级的故事I:用户洞察与交互升级
「译」苹果官方 iPhone X 人机界面指南「译」苹果官方 iPhone X 人机界面指南
从iOS 11看怎样设计APP图标从iOS 11看怎样设计APP图标
5 分钟交互设计指南:对话框5 分钟交互设计指南:对话框
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?