百科
首页 > 平面设计 > Photoshop > 如何用UI设计产品功能框架设定(二)

如何用UI设计产品功能框架设定(二)
作者:暂无发布时间:暂无

1.继续学习APP设计流程,了解“质品”电商APP的相关知识。

15171517068615.jpg


2.了解功能框架设计的注意事项。

15171517105461.jpg


3.了解模块划分的好处,详细内容如图所示。

15171517194708.jpg


4.如何确定模块划分的标准,详细内容如图所示。

1517151722716.jpg


5.了解模块划分的准则-【高内聚低耦合】,详细含义如图所示。

15171517255753.jpg


6.回顾一下之前大体框架的划分,详细内容如图所示。

1517151728984.jpg


7.根据刚才所学的知识和之前所学习的大体框架的划分打开【Xmind 思维导图】软件进行模块划分。

1517151731279.jpg


8.将【中心主题】设为【质品】并将其【分支主题】设为之前所学的大体框架,效果如图所示。

15171517346414.jpg


9.以图片为基准对其商品的【专题】进行相应的【子主题】的划分,详细内容如图所示。

15171517372700.jpg


10.以【设计师】为基准相应的会出现【推荐设计师】,其相应的根据其设计师相应的【行业】和【风格】进行细分。

15171517401569.jpg


11.以【消息圈】划分为【发现】和【关注】,【发现】则表现为其【朋友圈】以及一些【用户】相关产品的信息,而【关注】则表现为其类似商品的一些信息。

15171517455058.jpg


12.以【寻觅】为基础所寻觅的内容定是【商品版块】和【推荐】,其对【商品版块】进行相应的主题划分,则其【推荐】则相应的是【详情页】。

15171517498418.jpg


13.【我的】也叫做【个人中心】,其主要内容是【个人资料】和所购买以及了解的一些关于商品的信息,详细内容如图所示。

15171517528608.jpg


14.制作【隐形框架】,以【质感】为中心主题,根据添加一个【分支主题】作为启动页的【登录/注册】,效果如图所示。

15171517554601.jpg


15.更多详细内容请参考下节课所学知识。

15171517581559.jpg

点击观看视频
UI设计 产品功能框架设定(二)
4960人学过 难度:初级练习

相关知识

最新知识

相关百科

最新百科

相关教程