![新媒体美工设计全攻略:小程序+公众号+朋友圈+H5界面+微商+微博+直播](https://wfqqreader-1252317822.image.myqcloud.com/cover/122/24981122/b_24981122.jpg)
1.5 新媒体设计注意事项
在设计新媒体界面过程中,设计者一定要把握好实用性、高品质等要点,避免出现空有其表的情况,否则很难留住用户的。
1.5.1 良好的实用性
除了用美观来吸引用户外,新媒体界面还必须具备一定的实用性,要不然就成了一个“花架子”,用户也许会查看它,但发现并不实用后很可能会立即退出。
实用性主要体现在:是否能为用户带来较好的操作和控制体验,重要的信息是否在主界面中,功能设定是否简单明了等。
图1-37是一个手机免费WiFi小程序的登录界面,界面的色彩非常丰富,而且功能表单也比较多,但其中的色彩运用有些复杂,明显属于不实用的界面;图1-38所示的界面采用了蓝色系作为界面的主色调,并通过不同的色彩明度和饱和度来突出内容,让用户打开小程序即可发现界面中的重点信息,而且功能分类也明显要更加清晰。
专家指点
界面是软件与用户交互的最直接的一面,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。界面的设计如同人的面孔,具有吸引用户的直接优势。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0098.jpg?sign=1738848517-OpjINKoHXYmSkRbaV426wthtoUUIuYWg-0-a413ac7750be1df2b4894961ae2cafda)
图1-37 不实用的界面
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0099.jpg?sign=1738848517-hmIlVk6ThQBnp8rNUb4cM4UXriGoDBqA-0-3b01276af4420f38ebebb0ee11bdeeba)
图1-38 实用的界面
1.5.2 注重图片的品质美感
在新媒体设计中,图片的品质与分辨率有很大的关系,较高的分辨率可以让图片显得更加清晰、精美,能够体现出图片的内在质感,如图1-39所示。当然,图片如果非常模糊,品质较差,那么肯定会影响用户的视觉体验,降低用户对界面的好感度,如图1-40所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0100.jpg?sign=1738848517-ZevQAu2UFUigzw6jYumtob5dS92Vv4py-0-a6a12d591737be4e8439ad401f92ee59)
图1-39 高分辨率图像
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0101.jpg?sign=1738848517-Gps2xDQ5aBf9mF8noFxqpApAYFsPymhI-0-850e963171ed25fa4de03d9617bacea5)
图1-40 低分辨率图像
1.5.3 不要随意拉伸图片
在设计新媒体界面中的图像时,如果随意拉伸图片则会造成图片失真变形,不但看上去感觉很奇怪,而且还会让用户质疑设计者的专业性,如图1-41所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0102.jpg?sign=1738848517-cV9WqF0xoIPf5zpABemBTYgwONUZwuxe-0-6bfe7eb46f8c60e4bd474640d678295e)
图1-41 原图
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0103.jpg?sign=1738848517-rgVIl9S2qlBFArtWemgE5PQ7goNhI3Yo-0-fee5d37641e6a3c48ad0761fd770489d)
随意拉伸的图片
因此,用户在处理图像时,应该按照等比缩放或者合理裁剪的原则来控制图片尺寸,避免出现随意拉伸的情况,以保持图像的真实感,如图1-42所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0104.jpg?sign=1738848517-uknZmbZny18zQM7gxs8qrZvAQzOdbxud-0-5ec621dc0010a52bf81b52e5dc772202)
图1-42 合理运用图像