I have a page in my portfolio, which is about search functionality. I wanted that page to feel fun and engaging, to convey a positive vibe, so I decided to add illustrations to it.

我的投資組合中有一個頁面與搜索功能有關。 我希望該頁面充滿樂趣和吸引力，傳達積極的氛圍，因此我決定在其中添加插圖。

確定主題 (Deciding on a theme)

尋找關鍵字 (Looking for keywords)

插圖應該有一個共同的主題 (Illustrations should have a common theme)

Ultimately, the food theme is the closest one to the supermarket and allows for a great deal of creativity. Also, icons illustrating the process of cooking can be very engaging.

最終，美食主題是距離超市最近的主題，并帶來了極大的創造力。 同樣，說明烹飪過程的圖標也可能非常吸引人。

提出食物主題中的插圖 (Coming up with illustrations within a food theme)

擴大思路 (Expanding ideas)

Ideation began with 2 words: success and failure. I then wrote down a list of words I wanted to express and came up with a few ideas for each word.

構想以兩個詞開始：成功和失敗。 然后，我寫下了要表達的單詞列表，并為每個單詞提出了一些想法。

進行面試 (Conducting an interview)

For each “title” I had several candidates. I brought top choice illustrations into a page mock-up and interviewed several people. For each illustration there were alternatives from which I asked people to pick the best and explain their choice.

對于每個“標題”，我都有幾個候選人。 我將最佳選擇插圖放入頁面模型中，并采訪了幾個人。 對于每個插圖，我都要求人們從中選擇最佳并解釋他們的選擇。

總結候選人 (Summing up candidates)

開發插圖 (Developing illustrations)

制定規則 (Setting the rules)

To ensure illustrations had the same style, I wanted them to have the same:

為了確保插圖具有相同的樣式，我希望它們具有相同的樣式：

• colour scheme;
  配色方案;
• perspective;
  透視;
• split into colour blocks;
  分成色塊；
• highlights.
  強調。

樣式樣本 (Style sample)

Some of the illustrations I studied in more details.

我更詳細地研究了一些插圖。

切菜板 (Cutting board)

First, I decided on the shape and colour of the elements on the board. I then took several photographs of the items to see how they would look in perspective and what composition would work best for placing those items on the board. This was followed by sketching to determine, how the perspective would work best with the shape of the board.

首先，我確定了板上元素的形狀和顏色。 然后，我為這些項目拍攝了幾張照片，以查看它們的透視圖以及哪種組合物最適合將這些項目放置在板上。 隨后進行草繪，以確定透視圖如何與板的形狀一起最佳工作。

研究 (Study)

建筑 (Architecture)

沙鍋 (Casserole)

In the interview 3 out 5 people preferred casserole for the “Experiment”. The casserole on fire with bubbles looks entertaining and vibrant, so I took the sample 2D outline icon and converted it into a colourful casserole with perspective. To narrow down the shape and colours I did a small study in acrylics and ended up picking one of the samples.

在訪談中，有五分之三的人選擇“實驗”作為砂鍋菜。 著火的帶有氣泡的砂鍋看上去既有趣又充滿活力，因此我將示例2D輪廓圖標轉換為帶有透視圖的彩色砂鍋。 為了縮小形狀和顏色，我對丙烯酸進行了一次小型研究，最后選擇了其中一個樣品。

研究 (Study)

建筑 (Architecture)

紙杯蛋糕 (Cupcakes)

The cupcakes stand for “Competitors”, for difference. The idea was to come up with 3 different cupcakes.

紙杯蛋糕代表“競爭對手”，代表差異。 當時的想法是拿出3種不同的紙杯蛋糕。

挑戰 (The challenge)

• my chosen colourscheme
  我選擇的色彩設計
• shape of the bottom simplified but realistic
  底部形狀簡化但逼真
• colour contrast between top and bottom
  頂部和底部之間的顏色對比
• contrast between cream and base
  奶油和底霜之間的對比
• wavy creamy top
  波浪奶油上衣
• top same width and height as bottom
  頂部和底部的寬度和高度相同
• decoration on top to make it taller
  頂部的裝飾使其更高

研究 (Study)

Painting and sketching cupcakes from photos helped me to familiarise myself with their features.

用照片繪畫和素描紙杯蛋糕有助于我熟悉它們的功能。

建筑 (Architecture)

紙杯蛋糕訂單背后的信息 (The message behind the order of the cupcakes)

圖紙加工 (Drawing and processing)

用筆和紙繪圖 (Drawing with pen and paper)

The next step was to elaborate on detail. That’s why I went for drawing real-size, on paper, used gelly pens and tombows. Cherries in the top left corner worked as an example.

下一步是詳細說明。 這就是為什么我要在紙上用膠筆和墓碑畫出真實尺寸的原因。 以左上角的櫻桃為例。

精制 (Refining)

Illustrations drawn on paper have an advantage over those rendered in vector: they have a lively texture, and they looked so nice that I decided to keep them hand drawn. All I added was a bit of processing to clean them up a little and ensure they look like they get same amount of light.

紙上繪制的插圖比矢量上繪制的插圖更具優勢：它們具有活潑的紋理，而且看起來非常好，我決定保留它們為手工繪制。 我添加的只是一些處理，以將它們清理一點并確保它們看起來像它們得到的光一樣。

決賽-我的驕傲和喜悅 (Final set — my pride and joy)

Thanks for reading!

謝謝閱讀！