本集讲师:@桃子
免费使用即时设计,请点击右侧链接👉 即时设计
获取海量免费设计资源,请访问👉 资源广场
获取本集课程课件及演示案例源文件,请访问👉 教程文件
本集视频是10个超实用UI设计案例「UI实战系列教程」的第三集,主要讲解的内容有现代风格网页的特点说明、设计布局案例分析、案例设计演示、交互设计演示。
即时设计是一款在线可协作的UI设计工具,目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。
如果想要了解即时设计的基本功能和操作用法,可以观看即时设计入门系列教程:
编者按:图文内容简概为视频内容的提炼总结,想要了解详细教程内容,请观看文章顶部完整的视频教程。
现代风格网页的特点主要是设计上版式简约元素少,有层次也有设计感,通常采用大图模式,让画面留白的同时也不会太空洞,例如宝马和奔驰网站上的封面页都是这种风格。
设计现代风格网页时可以借鉴一些版式设计的设计技巧,比如使用几何图形配饰、放大文字降低透明度、利用文字和小元素等等。
先构思大致布局,然后处理图片并进行界面布局细化,设计各个文字部分、按钮和小元素。
静态页面完成后设计hover的 交互动画效果。
下一集将会给大家讲解夜间模式的界面设计,请持续关注我们的教程,我们下一期再见~
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 2 条