（3）生动性

生动性是指通过交互动效，让原本简洁的界面变得更有吸引力。作为一个教程类网站，由于用户可能会长时间的学习并停留在同一页面，很容易产生枯燥感和疲惫感。此时，除了教程本身需要一定的质量以外，一个生动有趣、能够勾起人们好奇心去学习的设计布局，也十分重要。因此，在交互设计上，应该多增加一些趣味性，让生动的界面设计和交互动效提升用户的体验感。

（4）时代性

时代性是指设计风格与当下潮流相符。虽然设计应该具有创新精神，但是作为一个功能性较强的网站和App，在设计上，应该更具有时代性，更加符合客户当下的审美和操作习惯，给以用户更加熟悉、流畅的手感和视觉享受。文献综述

2。3。2。逻辑性分析

逻辑性是在设计中，对发现的问题进行分析、解决的一种表达，是大众思维的一种规律。由于对于产品逻辑的整理在实际工作中，大多交于产品经理负责，所以这也成为许多设计师很容易忽视的一个重点。然而，对于我们课题的设计而言，我们要做的不仅仅是设计界面和交互动效，更重要的是如何规划这个产品，如何最大限度地保证产品的完整性、操作性和可实用性。

有关于网页设计的逻辑性推论有很多，比如从左上到右下的对角线阅读逻辑和曲线式逻辑等。针对于此类教程实用性网站，设计中我选择尽量还是保持简单、直观的逻辑设计：其中首页的采用长页面设计，通过直线式逻辑，页面中每个模块环环相扣，先后有序，逻辑严谨，从而更好地向用户展示网站的主体内容和整体思路，带用户快速了解网站；二级页的分类和教程的分类，采用金字塔式逻辑，通过横、纵向的结合，可以对网站的整体构架进行有效的系统规划，从而让网站的各个板块紧密联系，形成顺畅的逻辑思路；列表页则采用网格形式，直观、有序地将所有教程、作品，一起展示在用户眼前，方便用户快速阅览、筛选自己需要的内容。

而移动端逻辑设计，不论是硬件设施的限制还是用户的操作习惯，都与网页端的有着天差地别的区别。考虑到教程类网站用户使用时，都带着比较强的目的性，因此为了能让用户在进入App的第一时间就快速进入学习的环境，首页便采取了瀑布流的设计，通过首页推荐教程的无限加载，让用户可以体验发散性的学习内容，并勾起对未知内容的好奇心；而在整体的分类页面，则采用导流型的界面设计，宫格形式的布局，可以简化、归纳繁琐的分类，让用户一目了然，更加有针对性地选择相关入口，起到快速引导用户分流的作用。

虽然网站与App的设计逻辑不尽相同，但将庞杂的内容化繁为简、分类规划，让用户体验更加流畅、更符合当下用户群体的思维习惯，是两端共同的目标。

2。3。3。功能性分析

产品的功能性与视觉性一直是难以平衡的两块特性，设计师想用的“极简”、“高端”的界面设计，往往会与用户的使用习惯发生冲突，甚至出现用户“无从下手”的尴尬局面。然而，设计师又通常难以接受那些“通俗”、“粗暴”的易理解设计，这便是功能性与视觉性长久潜在、难以突破的矛盾。来;自]优Y尔E论L文W网www.youerw.com +QQ752018766-

就如何在二者之间找到平衡点，我认为，其实它们是相辅相成、是互补的。虽然对于一个实用性的产品而言，界面交互设计重点在于功能是否全面、实用，设计上有无亮点，并不会直接影响它成为一个完整可靠的产品。然而，好看的设计、创意的交互、有趣的动效却能帮助产品从一开始就占据有利的用户群体，并能在一定程度上帮助用户理解网站。就像Don Norman所说的“设计提高美观度甚至可提升可用性”，通过美观的设计，为用户创造一个舒适的视觉环境，让用户更便于熟悉产品。 创意教程移动端及网站界面设计(10):http://www.youerw.com/yishu/lunwen_94879.html