设计不同服务的登陆页面页面。

用户对登陆页面有明确的要求，有独特的设计，能传达全新的服务和愿景。但愿整个页面设计能使网站在同类产品中脱颖而出，对用户来说，有显著性差异。为此，设计者针对用户和市场进行了研究和探索，设计师决定以色彩与形状为突破口，通过寻求不同的组合方式，完成整体设计。

UX线框图是整个工作的起始点。首先，设计者建立了一些简单的布局，每一个都有各自的侧重点和优点。通过分析和研究用户的注意力所关注的信息，我们把不同的想法和部分构建成独立的页面。Ludmila提到，因为整个建筑没有太多的元素，所以画草图也不会太麻烦。以手绘的方式呈现大脑中的构思，有助于设计者更好地思考和探究整体设计。

把草稿画在纸上是一个不停地思考、修改和探索的过程，最后，用Sketch把它画成UX线框图。根据作业要求，无论是手绘的探索过程，还是根据不同要求制作的线框图，均可显示给用户。

下一步就是进行更重要的UI设计。因为网页的第一部分，即首页，只包含了公司的名字，Slogan，以及引导用户滚动浏览的箭头，所以我们认为这部分需要创建一个色彩鲜明、引人注目的背景。设计者们开始尝试把不同的抽象元素安排在一起，并准备好使这些元素产生动画。

前一种方法是建立在菱形和矩形元素基础上的，它们边等距、添加渐变颜色，创造出丰富的层次。然而，在探索过程中，设计者发现可能柔和的曲线元素会更友好一些，一方面是因为它的视觉友好性更高，另一方面则是寓意将更符合产品。在加入积极的效果后，整个页面看起来更生动。

在整个设计中，颜色的选择总是最有趣的部分。为了创造一个生动而又有视觉吸引力的设计，设计师们开始寻找渐变配色方案。要特别强调某一种颜色是很难的，因为它是由许多颜色组成的，并且在具体的次序和搭配上有许多变化，这需要不断的尝试与探索。

整体而言，设计者就是根据品牌的需求来确定四个基本的颜色方案，然后在其中挑选出四个对比度和协调性都很高的组合。最后，她选择了一些变化较小的渐变配色，把渐变和logan放在渐变块的中间，通过控制对比来保证可读性。

在前面的探索中，确定利用波纹构造背景图。这类项目中，以色彩为主导设计是一件非常有趣的事，同样也是一项极具挑战性的任务。对于这一过程，据Ludmila所说，她是将一个独立的页面和渐变的颜色结合起来，仔细地调整了颜色的变化。他把重点放在了颜色本身的选择上，确保整个颜色都是干净而有生气的。

接下来，在每个屏幕上应用这些曲线的波纹，以保证一致性和完整性。然后，在每个屏幕上添加必需的UI元素。其中，CTA按钮的颜色需要符合渐变色的位置和特性，背景图片元素则无需全部展示，通过半透明渐变阴影营造过渡效果，突出CTA按钮。

最终，动画效果的加入，使不同元素之间的交互与联系更加自然。这一环节需要其他设计师参与，并共同协作，以完成整个设计。

对于背景色，设计者尝试了多种不同的色彩搭配方法，在这一阶段，她尝试了调整颜色、渐变和不透明度。控制版面中的反差是这一过程的关键。

当建立背景曲线时，建议尽可能少地采用定位点，同时保持曲线的平滑性。

而对于渐变色彩的控制，设计师们更是注意到了冷、热相结合，从最后的效果来看，整体保持了暖色，营造出明亮、轻快的气氛，渐变的颜色主要是红橙黄色、紫红色粉和青蓝色渐变。另外，每一件颜色的边缘都要特别小心，避免过强的对比，保持整体的美感。

一是要培养自己的品位，要注重各个方面的设计实例，而不仅仅是手机界面、网页和企业品牌设计，还包括从平面设计、建筑、摄影、艺术等多个领域获得灵感。透过广博的涉猎，会让您了解到如今的整个大趋势，哪一种设计更时尚，更贴近主流。

同时，你也要在工作之余做更多的项目，这些小项目可以是创意设计，或是解决一些现实中的问题。

总是有些技能是可以提高的，有些是可以磨练的，例如排版，像构图一样，有意识地提高和深入工作中的这些技能。

我要向大家推荐一本很好的颜色设计书，JosefAlbers，这本书讲述了很多有关颜色的研究、原则和制作颜色的技巧。

美好未来首创1对1项目负责制，项目经理专人全程负责。我们为您提供网站建设优化解决方案，互联网品牌建设与网络营销，设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量，挖掘精准客户，达到更高的销售指标。是您的企业提升产品销量最好的伙伴。