技术干货 > 文章详情

UI设计丨UI设计项目实战

10个月前 交互设计 UI

S.jpg


导读:光说不练假把式,UI设计重在实战,一步步完成ui设计作品,才能全面提升能力实战设计能力。


S1.jpg


  通过一个门户网站首页的UI设计,让大家体验从草图原型、交互设计,到各个模块制作,最后修改完工等过程。完整经历做一个门户站页面效果的操作流程,以了解webUI这项工作涉及的各项技术要领,能够熟悉常规的web页面制作流程,能够独立、规范地做出网页效果图。

  

  门户网站实训项目流程与需求分析

  梳理模块关系及绘制草图

  原型设计

  背景色确定与栅格布局

  登录与导航栏制作

  banner巡展制作

  热门推荐模块制作

  头条模块制作

  关于我们模块制作

  最新文章模块图标制作

  最新文章模块制作

  右下侧三个模块制作

  页脚模块的制作

  细节调整与完善

  标注与规范

  图片输出


想系统学习以上知识,请点击:门户网站实战学习视频


S2.jpg


  网站定位分析

  网站结构框架设计

  首页草图设计

  二级页面草图设计

  列表页草图设计

  首页(LandingPage)的设计

  产品列表页设计

  关于我们页面设计

  联系我们页面设计

  招聘页面设计

  侧边对话框设计


想系统学习以上知识,请点击:互联网企业网站设计学习视频


S3.jpg


  清楚一款新闻APP诞生前后,作为一个设计师所起到的作用以及在这个APP诞生的过程中设计师需要掌握的一些设计技能和产品思维方式。


  需求沟通

  交互梳理

  把握调性分析竞品

  设计准备

  首页设计

  菜单导航页

  新闻详细页

  评论页设计

  登录页设计

  城市切换页设计

  画一个icon

  友好提示的设计

  启动页设计

  引导页和介绍页的设计


想系统学习以上知识,请点击:新闻类APP项目设计学习视频


S4.jpg


  了解实际项目电商APP的UI设计和设计流程,目标是学会独立分析项目,了解APP交互设计的原理,掌握独立完成企业级应用项目的技能。


  项目分享原型图梳理

  主界面的设计

  商品管理

  订单管理

  会员管理

  资金管理

  店铺管理

  登录注册

  统计页面

  消息界面的设计

  设置页面


想系统学习以上知识,请点击:电商软件APPUI设计学习视频


S5.jpg


  从想法到创意,从创意到执行,从思路到细节。想要把你的设计能力发挥到实际工作中,你需要的不仅仅是软件和铅笔,一套优秀的工作方法同样重要。


  视觉重构

  首页和导航设计

  发现界面的设计

  个人资料界面的设计

  通讯录界面的设计

  聊天界面的设计

  创意loading的设计

  消息界面的设计

  设置界面的设计

  引导页的设计

  注册登录界面的设计

  整体调优


想系统学习以上知识,请点击: 社交APP的设计学习视频


想了解更多?欢迎点击:UI设计学习路线

0

登录 后参与讨论

没有更多评论了

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部