![新媒体美工设计全攻略:小程序+公众号+朋友圈+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=1738885445-KcX2hKEon7mqhQA8ZHCJgR9gamNrAAtF-0-14a15b65e4d3773ec64c4a8aecdd2996)
图1-37 不实用的界面
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0099.jpg?sign=1738885445-STeOfzFPDMwrrtGVjzpT9ovvoF13dokc-0-bd6d6ecddb96633d11c50b08af7e711e)
图1-38 实用的界面
1.5.2 注重图片的品质美感
在新媒体设计中,图片的品质与分辨率有很大的关系,较高的分辨率可以让图片显得更加清晰、精美,能够体现出图片的内在质感,如图1-39所示。当然,图片如果非常模糊,品质较差,那么肯定会影响用户的视觉体验,降低用户对界面的好感度,如图1-40所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0100.jpg?sign=1738885445-4AczFptd8IVPW4JtWe7Sb3dSq5eu0uMX-0-b44fe8cf632b20101fb42f87dbf54e8d)
图1-39 高分辨率图像
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0035_0101.jpg?sign=1738885445-gxqvwUKIh2TCvhLLgTYqwjTyOJafGhR9-0-8780fb11acb80f3f37979a6284ad29d9)
图1-40 低分辨率图像
1.5.3 不要随意拉伸图片
在设计新媒体界面中的图像时,如果随意拉伸图片则会造成图片失真变形,不但看上去感觉很奇怪,而且还会让用户质疑设计者的专业性,如图1-41所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0102.jpg?sign=1738885445-5orfzZHf53Kw2FHtyu9vD8xMkq1fSlp8-0-6bf773826e4806612b38c014c2d9fdcf)
图1-41 原图
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0103.jpg?sign=1738885445-U4hNbbQB6mwxJ6WFxTRZAzzmR5c5mREt-0-a443866a0e8359bc98595331a9c9b419)
随意拉伸的图片
因此,用户在处理图像时,应该按照等比缩放或者合理裁剪的原则来控制图片尺寸,避免出现随意拉伸的情况,以保持图像的真实感,如图1-42所示。
![](https://epubservercos.yuewen.com/039EF3/13311738803844906/epubprivate/OEBPS/Images/Figure_0036_0104.jpg?sign=1738885445-YiSgZQP0yDpHuIwrMWchorYP2drhyHXw-0-4a92a0a86e4c8d5980ed5cd206c23172)
图1-42 合理运用图像