朋友们好,希望你们一切都好!
借此机会,我想从Flux Academy的简短挑战中分享如何设计网站.
于是Flux Academy举办了一个公开挑战,创作一个以旅游为主题的网站设计,花了大约3天时间。
当然,因为我也在工作,所以我抽出时间来做这个设计晚上。
好了,介绍到此为止,我就开始吧。
所以简述如下:
Flux Academy Challenge 2022
第一步是阅读给出的简介,试着理解,然后试着想象一下网站的轮廓。
这里我也开一个一个已经提供的竞争对手链接我对旅行社的网站有更多的了解,以及所做的设计与现有竞争对手没有太大区别的可能性。vvv>
Travel
一堆灵感下一步就是选择我得到的一些灵感,并将它们移到 我制作的情绪板。 情绪板本身是后期设计的参考或指导在情绪板本身我可以将其分为几个标准,即字体、背景、图标、颜色以及在移动设备和网站上的UI外观。
My Moodboard下一步是根据几个标准确定颜色,从深色开始,分为深色和深色阴影、中间色或强调色,以及浅色分为Light和Light Shade。
Color我通常使用网站上提供的调色板,例如color Hunter或adobe color。 您可以自己探索,因为有许多网站提供调色板。下一步是确定版式或字体。 因此,对于这个排版,我正在寻找与 Moodboard 上的字体匹配或相似的字体参考。
我自己也在寻找 3 种字体,因为如果字体太多,也很难稍后确定,所以我只寻找 3 种字体。 呵呵~
Fonts所以这里我得到了3个和Moodboard类似的字体,分别是Open Sans、Laxed Deca和Urbanist。 然后我尝试将其应用为标题和正文。经过比较,我最终决定使用 Urbanist 字体作为标题,使用 Open Sans 作为正文。
Yuhuu ~
这是一个有趣的部分,它正在创建一个标志。 说实话,我不是很擅长哈哈。 所以这就是我如何设计一个标志性的方法,结合我认为合适的排版。
Let's Go!
首先我使用相同的方式,即创建一个关键字列表根据主题查找图标。 这是我得到的关键字,
1 Sandal2。 指南针 3。 位置 4。 明星
玩转下一步是玩转图标和排版。 所以我从标题和正文中选择了不同的字体,因为我希望我的标志更美观,哈哈~好吧,从已经组合的几个图标和排版中,我最终选择了一个作为my logo on. website.
网站Logo从我所做的一切中,从寻找灵感用作Moodboard到制作Logo,接下来就是将一切合二为一,成为Brand Kit。 让我更容易看到一个统一的整体,因为实际上统一的就是“uwu”。~,~
Brand Kit好啦,接下来进入主菜单,就是创建一个旅行社网站。 该死!我采取的第一步是确定我将创建的网站的每个部分的内容。 为了更容易解释,这里是我在每个部分中制作的大纲或结构,这是我根据给定的项目简介确定的。
Structure所以从上图可以看出,我从英雄页面开始分为几个部分,分别退出、about、testimonial、about、FAQ、CTA、Footer。这是这样我在设计的时候就不
好吧,接下来就是做一个粗略的展示或者线框图,这里是一个原始设计,以后会继续做模型/设计。
所以在这一步我玩的是图像、文本、按钮和其他你可以在下图中详细看到的位置
Wireframe好吧,让我们继续设计网站或模型。 这是我设计网站过程的最后阶段。所以我来这里玩几个设计,当然,就像做一个标志,我不只是做一个设计,而是三个设计并选择我认为最漂亮的,呵呵~
这是我提交的最终设计。
最终设计~好了,这就是我可以分享的关于我是如何根据Brief Project Challenge开始设计网站的分享的助焊剂学院。
感谢阅读到最后的各位,希望这次的设计之旅对朋友有所帮助。
下篇再见! :))
版权声明:xxxxxxxxx;
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态