全国统一咨询热线:18609840880

网站怎样制作才吸睛?这几个技巧非常实用

2022-08-15 13:08:30

  我在网上看到一些帖子讨论UI设计师与平面设计师的区别总结为不同的思维方式:UI平面设计师考虑用户习惯和易于使用的感觉,致力于更有吸引力的信息传达。两者侧重于不同,但在专业上有很大的交集,信息传达的核心基本技能实际上是相互关联的。平面设计是如何表达一件事的,UI设计是如何让用户更好地使用一件事,表达是令人费解的,卡在使用的先进步。UI论坛上有人吐槽:“不要用平面设计思维去做UI”,然而很多UI设计师通常缺乏平面设计基本的概念。

  平面设计常见的基本问题

  平面设计的基本设计理论包括:色彩构成、平面构成、字体设计、设计图案、布局设计等。平面设计的基本能力可以概括为视觉处理和传达信息的能力。UI在视觉界面操作阶段,如何组织和处理各界面的信息与平面设计的交集。平面设计通常被称为排版,合理安排和调整文本、报告、图形、图片等,有效传达信息,达到美观的视觉效果。

  1.如何组织信息

  组织页面信息的首要任务是判断信息优先,区分重要信息和次要信息,删除无用信息。简化繁殖,减少视觉干扰。例如,从简历中,你可以申请一份工作UI设计师对平面设计的基本能力略知一二。首先,判断无用信息(说实话,我在简历中看到了体重信息)。二是关键信息的组织安排,表达清晰。个人信息:姓名、年龄、照片、联系方式;基本信息:工作经验、教育经验、职业技能;其他信息:个人爱好等。当几份简历聚集在一起时,信息的有效和快速传达是先进步,然后是增加一点你自己的小个性。

  2.如何对齐

  在日常工作中,经常会遇到如何对齐的问题PK,总是争论不休,各说各达成信息优先的共识,可以提高排版效率。

  a.信息分组

  首先,从酒店预订成功通知的消息案例来看,通知信息文本是直接叙述的,没有合理的分组(左图)。在图片部分上方的酒店评估中,信息地址与电话操作按钮对齐,酒店名称成为一个小标题。经过适当的调整(右图),使文本通知、价格和时间字段清晰。电话按钮与酒店信息组对齐,使图片区域的文本和操作信息更加整体。

  b.居中对齐or左对齐

  信息分组后,每组信息的小标题在中间排列,增强了模块感,使阅读标题和每组信息的视线跳跃。小标题与每组信息统一对齐,更符合快速浏览和操作。例如,在需要完成注册任务的网页中,左标题更有利于视野的快速向下流动,使操作路径更加顺畅。

  3.如何有重点

  a.大小对比

  我谈到了如何组织信息,如何使主要信息更加关注?首先,我们可以打开大小比例,以活动海报为例。你在5米处能看到什么?海报大图案渲染气氛的整体感受;你在3米处能看到什么?活动主题;1米近距离能找到什么?具体信息和时间等。打开主次信息尺寸对比,让观众从空间距离接受信息传递。观众近距离阅读,有效传达信息的顺序也适用。

  b.并非均分

  为什么看似没有错误的信息布局总是更糟?因为细节不是理解信息的主次。初的设计稿追求绝对均分,导致信息分散,没有“组”的紧凑感。

  页面元素中的上下间隔往往被忽略,如账号头像与页面左侧的距离=账户名称之间的间隔使页面中间区域的信息分散在页面边界上。标题和发布时间也通过设计软件的中间对齐功能快速对齐。具有平面设计意识的排版不仅是设计软件中输入框的绝对中间对齐,还需要深入思考信息组和主次,防止机械平均对齐。