下载掌阅APP，畅读海量书库
立即打开
深色UI设计又被称为深色模式，强调深色背景和浅色前景。在macOS发布深色模式后，很多产品的深色模式设计开始逐渐流行起来。很多区块链类应用和AI类应用都采用了深色模式，深色的视觉进一步加强了产品的科技属性，给用户带来不一样的观感和使用体验。
如果我们要为一款NFT产品设计一套深色风格的引导页，体现这款产品的数字艺术感和创意属性，我们应该如何准确把握这种风格呢？
第一步，寻找灵感，确定设计方向。
需求分析：NFT应用程序引导页设计，深色风格，体现科技性和创意性。
在设计网站中搜索NFT，能够看到绝大多数的设计都是以深色为主，页面的视觉效果特别吸睛，如下图所示。虽然产品的整体以深色为主，但经常会搭配饱和度高的亮色来凸显产品的特点。这种设计特色能够为我们的设计提供清晰的方向。
通过前期的设计调研和素材搜集，把值得学习借鉴的设计作品进行归纳整理，也可以试着对设计图进行描述，为我们下一步的出图做好准备。
第二步，图生文。
对于一些很抽象的场景或画面，单纯用文字描述容易抓不到重点，导致生成的图片始终不能达到我们想要的效果。所以可以换一种做法，先采用图生文的方式来获得文本描述。
在Midjourney中输入/describe指令，单击上传选好的参考图，按Enter键后就能看到四条针对参考图的文本描述，如右图所示。从这些描述中可以提取出参考图的质感、色彩等属性的文本，它们能为我们准确描述画面起到很重要的参考作用。
将图生文提取出来的描述进行整合，再加上自己想描述的画面或元素，得到的完整文本描述示例如下：
A scrub sphere is rotated around line, in the style of light yellow and dark silver, bauhaus, Zbrush, translucent planes,baroque energy, spatial concept, pictorial space
第三步，垫图+文生图。
通过图生文获取文本描述后，如果想让AI生成的图片更像上传的参考图，可以在出图的时候把参考图的链接也附上。
在Midjourney中输入/imagine指令，先输入参考图的URL链接，空格后再输入整理好的文本描述，这样就能够得到和参考图的构图、色彩很相似的图像，如下图所示。
如果生成的图片效果不符合预期，可以单击刷新按钮生成几次，直到生成满意的图片。例如上图中，左下角的图片效果比较符合预期，可以单击“U3”按钮对这张图进行放大处理，得到尺寸更大的图片。
通过分析这张图片能够看到，整张图的氛围感很好，主体形象很突出。那么如果想保留背景，只对中间的主体物进行替换，以此来生成一系列风格相同的图，需要怎么操作呢？
第四步，局部变换生成系列图片。
我们只需要使用Midjourney中的局部替换功能，就能够轻松实现这个目标。在进行局部变换之前，要先想清楚需要变换的主体部分的文本应该怎么描述，例如目前画面的中心是球体，如果想换成立方体、锥体等不同的形状，我们只需要替换这部分的描述就可以，其他的描述可以保持不变。
想清楚要变换部分的文本描述之后，单击图片下方的“Vary（Region）”按钮，就会弹出一个提示弹窗，先通过框选工具选中中间的球体，然后将输入框中的主体描述词“A scrub sphere is rotated around line”（线条围绕的磨砂球体）更换为“A shimmering frosted cube crystal”（发光磨砂立方体），其他描述保持不变。
变换完主体文本描述后，单击发送图标，Midjourney就会根据新的描述词把框选的部分更新为不同的效果。局部变换后，生成的立方体效果如下图所示。
同样的操作，将主体描述词“A scrub sphere is rotated around line”（线条围绕的磨砂球体）更换为“A frosted triangular cubic crystal”（磨砂三角立方体），生成的效果如下图所示。
第五步，设计排版。
经过上面几步出图流程，能得到一系列风格统一的图片素材，从中挑选出形象更符合主题的图为接下来的排版出图做准备。
最后将确定好的素材导入设计软件中进行引导页排版出图，搭配高饱和度的黄色标题和按钮，在深色背景下更能突出产品科技化的特点，设计合成效果如下图所示。
