插圖 引用 同一行兩個(gè)插圖

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.

我的投資組合中有一個(gè)頁(yè)面與搜索功能有關(guān)。 我希望該頁(yè)面充滿(mǎn)樂(lè)趣和吸引力，傳達(dá)積極的氛圍，因此我決定在其中添加插圖。

確定主題 (Deciding on a theme)

尋找關(guān)鍵字 (Looking for keywords)

插圖應(yīng)該有一個(gè)共同的主題 (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.

最終，美食主題是距離超市最近的主題，并帶來(lái)了極大的創(chuàng)造力。 同樣，說(shuō)明烹飪過(guò)程的圖標(biāo)也可能非常吸引人。

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

擴(kuò)大思路 (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.

構(gòu)想以?xún)蓚€(gè)詞開(kāi)始：成功和失敗。 然后，我寫(xiě)下了要表達(dá)的單詞列表，并為每個(gè)單詞提出了一些想法。

進(jìn)行面試 (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.

對(duì)于每個(gè)“標(biāo)題”，我都有幾個(gè)候選人。 我將最佳選擇插圖放入頁(yè)面模型中，并采訪(fǎng)了幾個(gè)人。 對(duì)于每個(gè)插圖，我都要求人們從中選擇最佳并解釋他們的選擇。

總結(jié)候選人 (Summing up candidates)

開(kāi)發(fā)插圖 (Developing illustrations)

制定規(guī)則 (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.
  強(qiáng)調(diào)。

樣式樣本 (Style sample)

Some of the illustrations I studied in more details.

我更詳細(xì)地研究了一些插圖。

切菜板 (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.

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

研究 (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.

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

研究 (Study)

建筑 (Architecture)

紙杯蛋糕 (Cupcakes)

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

紙杯蛋糕代表“競(jìng)爭(zhēng)對(duì)手”，代表差異。 當(dāng)時(shí)的想法是拿出3種不同的紙杯蛋糕。

挑戰(zhàn) (The challenge)

• my chosen colourscheme
  我選擇的色彩設(shè)計(jì)
• shape of the bottom simplified but realistic
  底部形狀簡(jiǎn)化但逼真
• colour contrast between top and bottom
  頂部和底部之間的顏色對(duì)比
• contrast between cream and base
  奶油和底霜之間的對(duì)比
• 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.

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

建筑 (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.

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

精制 (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.

紙上繪制的插圖比矢量上繪制的插圖更具優(yōu)勢(shì)：它們具有活潑的紋理，而且看起來(lái)非常好，我決定保留它們?yōu)槭止だL制。 我添加的只是一些處理，以將它們清理一點(diǎn)并確保它們看起來(lái)像它們得到的光一樣。

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

Thanks for reading!

謝謝閱讀！

翻譯自: https://medium.com/@emiliya_san/how-i-designed-illustrations-for-a-portfolio-page-454dd0ad4da4

插圖 引用 同一行兩個(gè)插圖

總結(jié)

以上是生活随笔為你收集整理的插图 引用 同一行两个插图_提出食物主题中的插图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。