对很多品牌和网站而言，登陆页在数位营销上有着至关重要的作用，尤其是在提高转换率方面。不过，设计出符合目标受众口味的登陆页，往往需要花费大量精力，这实在是消耗巨大、效率极低。本文将为各位品牌网站带来了一个登陆页实战案例分享，有兴趣的朋友可往下看!
UI设计案例分析
UI设计案例分析：分享一个登陆页实战案例
【案例背景】
英国公司 Collectively Intelligent Limited旗下一款名为Colony 的线上数字协作平台需进行单独设计登陆页。
该平台的创建，旨在帮助全球不同国家和地区的用户可透过它来共同创建公司。在社区中，不同用户可以围绕一个目标进行合作，协同创造，共同管控资金，分享项目收入。
登陆页设计要求：
1. 登陆页设计要相对简单且平易近人，同时能传达出产品的价值主张;
2. 登陆页的主要功能是帮助用户了解它的运作以及从中获得的好处。
UI设计案例分析
【登陆页设计的核心特点】
有些会认为，登陆页尽可能包含产品/服务细节才能吸引用户。在实际操作中，登陆页的设计不应包含过量信息，而是直接让用户注意到产品的核心价值，凸显对用户有利的信息。
因此，进行登陆页设计时，通常会采用相对简约明晰的UI设计，透过富有凝聚力的UI元素(如CTA按钮和表单)来呈现。
UI设计案例分析
【着陆页设计内容】
接下来，围绕着登陆页设计的核心特点进行设计，设计师透过有层次地规划整个UI布局和各部分的优先级，让用户逐步获取信息。
我们一起来看看设计师到底做了哪些UI设计工作：
UI设计案例分析
◆ 自定义插画
自定义插画是登陆页中重要的UI组件，有助於用户更容易理解产品的功能和概念。因此，在UI设计中使用插画是相同普遍且有效的选择。
为了设计出更加有效的首屏插画，设计师尝试将地球上不同区域的用户相互连接的概念进行设计，同时确保整个登陆页UI设计与产品主题保持一致，营造出友好、平易近人的氛围，让用户对整个公司形象产生足够的好感。
考虑到产品的商业定位和客户的方向选择，产品UI设计倾向於浅色背景和流畅的轮廓，并绘制了一系列的变体。而配色方面，则采用了集中明亮但并不富有侵略性的色彩，如粉红、黄色、绿松石色以及紫色。
UI设计案例分析
◆ 配色方案
设计师还为不同功能设计自定义插画。为了简明地展示产品功能而存在，同时方便用户可以快速理解产品的功能和本质，这些插画的配色方案与首屏插画保持一致。此外，插画还会搭配一些微文案，帮助用户了解这功能特点。
如你所见，所有插画都使用大量留白和微妙元素凸显产品的复杂性。插画所选用的配色方案也极具亲和力，使得整个UI设计显得非常友好、富有吸引力。
为了让整个界面看起来足够一致，设计师还制作了产品故事插画，用於阐述用户使用该产品的好处，并吸引潜在客户关注，给用户留下好印象。
本文来自投稿，不代表科技代码立场，如若转载，请注明出处https://www.cwhello.com/41952.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
