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