10个2020-2021必识网页UI设计。

10个2020-2021必识网页UI设计

全球「战疫」令商户转战网销，除了掌握网店营运实务，网店都在优化网页的UI体验(User Interface)，务求吸引顾客浏览和逗留在网页内，最终转化成生意。分享Apple, IG等巨企都用上的UI设计技巧， 10个2020-2021年造靓网页UI设计新趋势，逐个教路：

网销进阶：在网页设计及SEO之间取得平衡

1) 暗黑主色调

暗黑是不可忽视的2020网页设计潮流，而且更会延续下去。参考Apple, IG, Android，这些当时得令的品牌都会在网页设计中大玩暗黑元素，除了因为有型有款，亦因为暗黑色调可令其他设计元素玩得更尽，而且从技术层面而论，暗黑能减低萤幕的耗电量(针对OLED/AMOLED萤幕)和在阴暗环境下对眼球的刺激。可以留意，现时很多应用程式也可让浏览者选择dark mode。

2) 手绘素材

2020网页设计潮流采用大量手绘素材，相反，罐头visual带有「胶味」，已被舍弃。手绘图案或文字因为没有me too，所以更能呈现率真个性，除了手绘素材，网页都在拼意念和表达方式，有的网页更加入「缺陷美」，例如字体大小不一、图案线条带有不修饰的粗糙感，让人留下印象。对於时装店、饰物店、精品杂货店、有机店等主推个人品味的网页，「想像」大於一切，网页设计的「不胶元素」最能突显品牌个性。

3) 3D技术弹起

3D设计已非新事物，2020年网页设计新浪潮是朝向AR和VR技术普及化，UI和UX设计师已争相加入这些技术，务求取悦顾客和加强互动，藉以延长浏览时间，不过，要留意网页基建的支援性，如果因此而拖慢网页速度，反而会令UI大大扣分。

4) 多layers式设计

UI/UX设计公司在2020年网页设计中都会加强层次感(layering)，图案与文字不再公整地放在同一个版面上，而是层层叠叠，同时善用柔和的阴影塑造景深和加入飘浮效果，这些设计都可以增强视觉层次，避免网页平板沉闷。

5) 产品相片sell意念

对於售卖high-end商品的品牌，影一辑product photo是必然的投资，而在网页营销上，要刺激消费，先要刺激眼球。商品大胆crossover不同素材，制造超现实想像，便能让顾客在网页中多花时间研究，有利增加转化率。

营销致胜：SEO文案写作须要注意之处

6) 善用粗体字

粗体字可引起关注，在标题、商品分类或商品用上粗体，可以增强层次感。Apple网页便大量使用粗体文字作为网页设计的其中一个重要元素。

7) 幽默也是一种格调

网页就是你的品牌大使，具亲和力的轻松语调比起四平八穏的公式文字更能营造悠闲感，所以你会发现有网店以 “Thanks babe”代替 “confirm order”，这些佻皮语句处处可见，当然如何拿捏文字，便是值得研究的UX writing技巧了。幽默感配短文，意简言精，是能强化品牌形象的2020年网页设计技巧。

8) 相图混合处理

另一2020年网页设计趋势是在相片上加上图案，加强网页风格。这种图相混合的设计风格不仅可在商品网页找到，连财金网页或科技网页等专业性高的网页也善用这个技巧减低网页的沉闷感，以有型而不失大体的设计令人留下印象。

9) Voice User Interface (VUI)

Chatbots或虚拟助理已是2020网页设计中不可或缺的元素，Apple, Android, Google都已加入VUI作为UX/UI的重要一环，能即时为顾客提供资讯或满足诉求就能掌握瞬间即逝的消费慾。

10) 抽象资讯影像化

对於数据繁多或资讯复杂的网页，EXCEL感浓烈的table或database只会令网页老气过时，影响UI，在2020年网页设计潮流中，连数据表达也要配合UI/UX设计，增加时代感。

针对网销的2020网页设计，美观、功能、UI缺一不可。在ReTAAS、EMF和TVP科技券资助下，网页设计、网页内容管理系统CMS和相关云服务都可申请资助，减低投资成本。

以上资讯，欢迎联络航家建站网页设计公司查询。