專案説明
為不同的服務設計着陸頁頁面。
預處理過程
客户對於着陸頁的要求很明確，要求設計獨特，能夠傳達出全新的服務和願景。希望整個着陸頁的設計能夠讓網站在同類產品中脱穎而出，對於多用户而言，有着顯着的差別。受此啓發，設計師針對多用户和市場進行了研究和探索，設計師決定巧用色彩和形狀作為設計的突破口，通過尋求不同的組合方式，來完成整個設計。
草稿和線框圖
整個工作的起點是 UX 線框圖。最開始，設計師構建了幾個簡單的佈局，每種佈局都有着不同的側重點和優勢。我們將不同的構思和不同的部分構建成為獨立的頁面，通過分析和研究多用户的注意力會集中在哪些資訊上。 Ludmila 提到，由於整體結構並不包含很多元素，繪製草圖也不會太麻煩。將腦中構思藉由手繪的方法來呈現，可以幫助設計師更好地琢磨和探索整個設計。
在紙上繪製草稿是一個不斷繪製不斷思考又不斷修改和探索的過程，最終成型的設計方案會使用 Sketch 繪製成 UX 線框圖。基於任務需求，無論是手繪草稿的探索過程，還是基於不同需求而繪製的線框圖，都可以向客户展示。
UI 設計
接下來是比較關鍵的 UI 設計的過程了。由於頁面的第一部分，也就是首屏，只包含有公司的名稱、 Slogan 和引導多用户向下滾動瀏覽的箭頭，所以我們認為這個部分需要創造出一個色彩明亮、引人矚目的背景。設計師開始試圖將不同的抽象元素排列組合起來，並且做好讓這些元素動畫化的準備。
第一個變體是基於菱形元素和矩形元素來構建，這些幾何圖形邊緣等距，加入漸變色彩，營造出豐富的層次感。不過，在探索過程中，設計師發現可能柔和的曲線元素會更加友好，一方面是視覺上得以友好度更高，另一方面是它的寓意會更貼合產品。加入動效之後，整個頁面會顯得更加生動。
色彩的選取一直都是整個設計中最有趣的部分。由於是要創造出生動而又具有視覺吸引力的設計，設計師開始尋找漸變色的配色方案。想要專門強調特定的色彩並不容易，因為漸變色通常是多種色彩共同構成的，在具體的順序和搭配上有着多種變化，需要持續地嘗試和探索。
總體上而言，設計師是通過品牌和需求而確定了基礎的四種不同配色方案，再在其中挑選出對比度和協排程都比較高的組合。最終，她所選取出變化比較平穩的漸變配色，將公司的名稱和 Slogan 置於漸變色塊的中間位置，控制對比度確保可讀性。
通過之前的探索，確定使用曲線波紋來構建背景圖形。在這樣的專案當中，通過色彩來主導設計是一件很有趣的事情，同樣也是極具挑戰性的任務。至於這個流程，按照 Ludmila 的説法，她是在單獨的頁面上進行漸變色彩的組合，仔細調整漸變色的過渡。她將注意力集中在色彩本身的選取上，確保整體的配色是乾淨且富有活力的。
隨後，將這些曲線波紋應用到每一屏，儘量確保一致性和完整性。之後，為每一屏新增必須的 UI 元素。其中，CTA 按鈕的色彩需要契合漸變色的位置和特點，背景圖片元素則不用完全展示，藉助半透明漸變陰影來營造過渡效果，凸顯 CTA 按鈕。
最後，新增動畫效果，讓各種元素之間的互動和聯絡更加自然。這個環節需要團隊中其他的設計師加入進來，並且協同合作，完成整個設計。
在背景圖形上，設計師嘗試了許多不同的色彩搭配方式，在這個階段，她嘗試了調整色彩、漸變的程度以及不透明度。在這個過程中，控制佈局中的對比度是至關重要的任務。
在建立背景的曲線的時候，建議儘量少地使用定位點，同時控制好曲線的平滑度。
至於在控制漸變色彩的時候，設計師特別注意到了冷熱色調的結合，從最終的結果來看，整體上保持了暖色調，營造出明亮和輕快的氛圍，漸變的色彩主要採用了紅橙黃、紫紅粉和青藍漸變。此外，在每一塊色彩的邊緣都需要專門注意，避免過於強烈的對比，保持整體的微妙感。
更多設計技巧
首先，需要培養自己的品味，注意各個領域的設計例項，而不限於移動端 UI 、網頁和企業品牌設計，還要從平面設計、建築、攝影和藝術等多領域獲得靈感。通過廣泛的涉獵，會讓您知道現如今整個大趨勢是怎樣的，什麼樣的設計更加時尚，更加貼合主流。
在工作之餘一定要自己多做一些專案，這些小專案可以是建立概念設計，也可以是解決一些當前的問題。
總有一些技能能夠提升，有些技能可以打磨，比如排版，比如構圖，有意識地在工作中提升和鑽研這些技能。
想推薦一本非常不錯的配色書《Interaction of Color》，作者是 Josef Albers，書中講述了許多關於色彩的研究、原理以及建立色彩的技巧。