毕业论文

打赏
当前位置: 毕业论文 > 艺术论文 >

创意教程移动端及网站界面设计(7)

时间:2022-06-04 13:57来源:毕业论文
其次,动画效果的使用会越来越普遍,但大多都会使用在微交互中。过于复杂冗长的动效,不仅增加了页面加载的负担,还会让人产生审美疲劳和厌烦感。

其次,动画效果的使用会越来越普遍,但大多都会使用在微交互中。过于复杂冗长的动效,不仅增加了页面加载的负担,还会让人产生审美疲劳和厌烦感。因此,微交互时,一些简单、合乎逻辑的动效(如下拉刷新和Float Label等)将仍是未来一定时间内的潮流,这点同样适用于网页设计。

再就是,高效实用性的设计可能会取代一味简洁的设计。如今智能设备已普及边缘化,边缘人群基数大且大都不了解交互界面的隐藏、暗喻功能,如“汉堡菜单”和FAB按钮中存在的问题一样,如何直接明了地展示信息,会与简洁的界面设计产生一定冲突。同时,Falt2。0的设计风格也会影响App的交互设计,会从纯粹的“平”,变得更加注重渐变、阴影等细节。

还有一点值的注意的是“智能通知”的应用,Apple Watch 等智能手表最核心的功能就是“通知”,尤其随着App功能和数量的增多,我们将注意力分配在每个下载下来的App上的时间就越少,往往只有当App有信息通知时,我们才会“想起”它。于是,消息通知的智能化成为新的趋势,它将不会是以小广告和Widget常驻的形式存在,而成为一种按需出现、功能完整并且可交互的界面,用户甚至可以在不打开App的情况下,享受App提供的全部功能。

由此可见,无论是网页还是App,其交互设计都在被重视,并越来越讲究“人性化”。现在,人们几乎每时每刻都在体验交互为我们带来的乐趣与便利,相信在不断的更新进步下,UI交互的前景会愈发光明开阔,并在未来彻底融入了我们的生活,成为我们生活中不可或缺的一部分!

1。5。开发工具的使用

本课题要求制作创意教程的网站及App应用,涉及双平台的UI交互设计,需要考虑不同平台的特点和最终展示的效果,以选择最适合的软件,更好地完成制作。

1。5。1。工具详情

(1)Adobe Photoshop CC

PS是一款位图图像处理软件,重点在于对图像的加工,在平面设计中应用最为广泛。一般用于视觉设计,运用合理的色彩、字体、排版等,设计静态页面。在本次设计中,用于综合的界面设计。

(2)Adobe Illustrator CC

AI是一款矢量图形处理软件,为线稿提供较高精度和控制,广泛应用于多媒体图像处理和互联网页面的制作。一般用于制作按钮、图标、导航等矢量图,便于使用和动效制作。在本次设计中,用于图标和logo设计,以及App原型图制作。

(3)MockingBot(墨刀)

墨刀可以说是一款傻瓜式的Axure,虽然功能远不及Axure强大,但是作为一款基础型的原型工具,简单直白的操作界面让人更加容易上手。同时它还拥有自己的手机演示App,更加方便于手机的交互设计。在本次设计中,用于App的交互动效设计。

(4)Adobe After Effects CC

Ae是一款图形视频处理软件,用于制作高级动画特效。一般用于开场动画制作,使用别致的开场动画吸睛,增加产品的吸引力。在本次设计中,用于网站的loading动画设计。

(5)Adobe Dreamweaver

Dw是一款可视化网页开发工具,专为设计师设计,可以做出跨平台的优秀网页。在本次设计中,用于网站前端开发设计和网站的交互动效设计。

(6)Mugeda(木疙瘩)

木疙瘩是一款在线制作H5交互动画的平台,它不仅可以制作H5作品,还可以发布作品、共享作品、导出作品、共享素材和导出素材。操作界面风格与Flash相似,并且更加简单易懂,让用户能在可视化界面上,轻松制作H5。在本次设计中,用于App的开场loading动画设计。 创意教程移动端及网站界面设计(7):http://www.youerw.com/yishu/lunwen_94879.html

------分隔线----------------------------
推荐内容