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

“Hi, my name is Ludmila and I’m a UX/UI designer”

“嗨，我叫Ludmila，我是UX / UI設(shè)計(jì)師”

“Hi, Ludmila”

“嗨，路德米拉”

“Welcome”

“歡迎”

Not anonymously at all, I’ve been doing UX/UI design for more than 6 years. At the same time, I had a passion for drawing and painting for… all my life.

完全不是匿名的，我從事UX / UI設(shè)計(jì)已經(jīng)超過(guò)6年了。 同時(shí)，我一生都對(duì)繪畫(huà)充滿熱情。

My first steps in flat illustration—a picture I drew when I was 7 [maybe] years old. I still love it :)我的第一步是平面插圖，這是我7歲(也許)時(shí)畫(huà)的照片。 我仍然喜歡它:)

In the digital sphere, no surprise, I was interested in the graphics right from the beginning of my work. The first thing I’ve noticed is that almost every screen or page has the tiny graphic element—the icon.

在數(shù)字領(lǐng)域，毫不奇怪，我從一開(kāi)始就對(duì)圖形感興趣。 我注意到的第一件事是，幾乎每個(gè)屏幕或頁(yè)面都具有微小的圖形元素- 圖標(biāo) 。

The next thing you meet in every product, app, or service is the logo—a simple yet memorable piece of branding.

您在每個(gè)產(chǎn)品，應(yīng)用程序或服務(wù)中遇到的下一件事情就是徽標(biāo)，這是一個(gè)簡(jiǎn)單而又令人難忘的品牌。

But when it comes to illustrations… that the whole new universe to discover and find out its specifics in design!

但是，當(dāng)涉及到插圖時(shí)……整個(gè)新的宇宙將發(fā)現(xiàn)并發(fā)現(xiàn)其設(shè)計(jì)細(xì)節(jié)！

插圖如何在數(shù)字世界中使用 (How illustrations are used in the digital world)

Here are some ways of incorporating graphics into the DNA of your product.

以下是將圖形整合到產(chǎn)品DNA中的一些方法。

App design

應(yīng)用程式設(shè)計(jì)

Concept of the app where you can find the railway tickets概念

• Onboarding screens
  入職屏幕
• Empty states
  空狀態(tài)
• Placeholders
  占位符
• Cover images
  封面圖片
• The element of animated transition
  動(dòng)畫(huà)過(guò)渡的元素
• AppStore, Google Play screenshots
  AppStore，Google Play屏幕截圖

Web design

網(wǎng)頁(yè)設(shè)計(jì)

Concept of the travel service概念

• Main visual element to represent the product or service idea
  代表產(chǎn)品或服務(wù)理念的主要視覺(jué)元素
• Secondary elements to showcase the features
  展示功能的次要元素
• Cover images of articles, chapters, etc.
  文章，章節(jié)等的封面圖像

兩種插圖 (Two types of illustrations)

What makes an illustration stand out? You might say the answer is easy to guess, it’s the style! Or the colors.

是什么使插圖脫穎而出？ 您可能會(huì)說(shuō)答案很容易猜到，這就是樣式 ！ 還是顏色 。

I will add it’s the meaning, an idea behind it.

我將添加其含義， 即其背后的想法 。

But here I would divide illustrations into two types. The first is a decorative element where you see a familiar subject—a capture of life or a certain thing as it is, sort of—a digital art form.

但是在這里，我將插圖分為兩種類型。 第一個(gè)是裝飾性元素，您可以在其中看到一個(gè)熟悉的主題(一種對(duì)生活或某種事物的捕捉， 一種數(shù)字藝術(shù)形式) 。

1. You might not regularly see a toucan on a daily basis but here the whole picture depicts the real-life moment—a toucan is in his usual habitat. 2. The second pic is showing a landscape with boats—a kind of traditional maritime subject.1.您可能不會(huì)每天定期看到巨嘴鳥(niǎo)，但是這里的整個(gè)圖景描繪了現(xiàn)實(shí)生活中的時(shí)刻-一只巨嘴鳥(niǎo)生活在他平常的棲息地。 第二張照片顯示的是一艘船的風(fēng)景，這是傳統(tǒng)的海上主題。

The second one is a metaphor—a story where elements can be shown in the unusual surroundings or their combination should bring us a certain idea.

第二個(gè)是隱喻 -一個(gè)故事，其中的元素可以在不尋常的環(huán)境中顯示出來(lái)，或者它們的組合應(yīng)該帶給我們某種想法。

1. An open gate in a shape book with the dark sky and the shining galaxy is a bait for the main hero who’s on his way to reach it. 2. The contrast between the schemes of the real constructions and paper-made plane.1.形狀書(shū)中開(kāi)著的門，黑暗的天空和閃閃發(fā)光的星系，是正在前進(jìn)的主要英雄的誘餌。 2.實(shí)際結(jié)構(gòu)方案與紙飛機(jī)方案之間的對(duì)比。

Both types of illustrations require a groundwork—first, a search on how to present the idea. Next, a search for the composition of the elements.

兩種類型的插圖都需要基礎(chǔ)，首先是尋找如何表達(dá)該想法的方法 。 接下來(lái)，搜索元素的組成。

When it comes to the metaphor illustration, a search of the concept might take a longer time. At the same time, choosing the metaphor an illustrator can reach an outstanding result—not only illustration is one of a kind but also, there is a unique way the idea is presented.

說(shuō)到隱喻插圖 ，對(duì)概念的搜索可能需要更長(zhǎng)的時(shí)間。 同時(shí)，通過(guò)選擇插圖畫(huà)家的隱喻可以獲得出色的結(jié)果-不僅插圖是其中的一種，而且還有一種獨(dú)特的表達(dá)想法的方式。

If the metaphor illustration may take a longer time, does it mean that an “art form” illustration is simpler to achieve and it’ll take less time?

如果隱喻的插圖可能花費(fèi)更長(zhǎng)的時(shí)間，是否意味著“藝術(shù)形式”的插圖更容易實(shí)現(xiàn)并且花費(fèi)的時(shí)間更少？

I don’t think so. When your task is to capture a certain moment or hero without additional metaphor meaning, you have to be sure the result will capture the attention. And this can be achieved by high-quality work that require years of experience.

我不這么認(rèn)為。 當(dāng)您的任務(wù)是捕獲某個(gè)時(shí)刻或英雄而又沒(méi)有其他隱喻含義時(shí)，您必須確保結(jié)果會(huì)引起注意。 而這可以通過(guò)需要多年經(jīng)驗(yàn)的高質(zhì)量工作來(lái)實(shí)現(xiàn)。

為什么插圖是產(chǎn)品的重要組成部分 (Why Illustration is a Vital Part of Your Product)

You might say the illustration isn’t an essential element of the product. Numerous apps and websites don’t have them and talking about UX/UI design we, designers, put usability and functionality in the first place.

您可能會(huì)說(shuō)插圖不是產(chǎn)品的必要元素。 許多應(yīng)用程序和網(wǎng)站都沒(méi)有它們，而談?wù)揢X / UI設(shè)計(jì)時(shí)，我們(設(shè)計(jì)師)首先將可用性和功能放在首位。

Sure, that’s how it happens quite often.

當(dāng)然，這就是它經(jīng)常發(fā)生的方式。

The illustration for the service is like a premium subscription for a user—enhanced experience with an emotional component.

該服務(wù)的插圖就像是對(duì)用戶的高級(jí)訂閱-帶有情感成分的增強(qiáng)體驗(yàn)。

The illustration can make your product flourish. Be unique. Remarkable. One of a kind.

插圖可以使您的產(chǎn)品蓬勃發(fā)展。 獨(dú)一無(wú)二。 卓越。 其中的一種。

That’s why embed illustrations in a product is a vital thing. It breathes life into it. And gives you wiiings.

因此，在產(chǎn)品中嵌入插圖至關(guān)重要。 它為它注入生命。 并給你哭泣 。

Take a look at the simple example most of us see every day—Google search.

看一下我們大多數(shù)人每天都會(huì)看到的簡(jiǎn)單示例-Google搜索。

1. Gabriel Garcia Marquez's 91st birthday 2. Dominican Republic elections 20161.加布里埃爾·加西亞·馬克斯(Gabriel Garcia Marquez)誕辰91周年2. 2016年多米尼加共和國(guó)選舉

Instead of seeing Google logo each time, our experience has got a sudden emotional interpretation, so-called Google Doodle. It still reflects “Google” word but also, depicts a relevant to our location story—the anniversary of a famous person, an important day in our current history or a message to pay attention to.

我們的體驗(yàn)不是每次都看到Google徽標(biāo)，而是突然的情感詮釋 ，即所謂的Google Doodle。 它仍然反映了“ Google”一詞，但也描述了與我們的位置故事相關(guān)的信息-名人的周年紀(jì)念日，當(dāng)前歷史上重要的一天或要注意的信息。

In my opinion, Google Doodles is a genius thing. Not only it subtly emphasizes that service provides people information as the end product. It also showcases the creative solution that makes the brand remarkable.

我認(rèn)為Google Doodles是個(gè)天才。 它不僅巧妙地強(qiáng)調(diào)了服務(wù)將人們的信息作為最終產(chǎn)品。 它還展示了使該品牌脫穎而出的創(chuàng)意解決方案。

Another way to add emotion into the existing design is to bring a mascot.

在現(xiàn)有設(shè)計(jì)中增加情感的另一種方法是攜帶吉祥物 。

Hopper website and app screenshotsHopper網(wǎng)站和應(yīng)用程序的屏幕截圖

Take a look at Hopper. Having a bunny in their logo, they also add cute illustrations of bunnies both on the web and app. They appear in different chapters and, even more, a happy bunny is placed next to the result for the current lowest price on the flight—the core functionality of the service.

看一下料斗。 他們的徽標(biāo)中有一個(gè)兔子，他們還在網(wǎng)絡(luò)和應(yīng)用程序上添加了可愛(ài)的兔子插圖。 它們出現(xiàn)在不同的章節(jié)中，甚至更高興地在結(jié)果旁邊放置一個(gè)兔子，以當(dāng)前航班的最低價(jià)格(服務(wù)的核心功能)。

That’s the consistent story of the brand and the emotional connection with the user. Together with UX steps, it brings a sort of gamification into the flow.

那就是品牌的一貫故事，以及與用戶的情感聯(lián)系。 與UX步驟一起，它為流程帶來(lái)了一種游戲化。

設(shè)計(jì)師如何提高插圖技巧？ (How a designer can improve illustration skills?)

Practice-practice-practice is definitely the answer but here’s the hint.

實(shí)踐練習(xí)實(shí)踐絕對(duì)是答案，但這是提示。

Participate in daily challenges, for example, Inktober. Yes, its initial idea is to draw with ink on paper but who said you should always follow the rules? Be creative and choose your way and program, after all. In my case, I used Procreate.

參加日常挑戰(zhàn)，例如Inktober。 是的，其最初的想法是在紙上繪畫(huà)，但是誰(shuí)說(shuō)您應(yīng)該始終遵守這些規(guī)則？ 畢竟要有創(chuàng)造力，選擇自己的方式和程序。 就我而言，我使用了Procreate。

The concept for the Storyteller app I made after using the pictures as the cover images for the themes.概念 。

Having a list of random words, some of which sound rather bizarre I would say, you have a task. It gives you an opportunity to concentrate purely on illustration not on inventing the assignment.

有了一個(gè)隨機(jī)單詞的列表， 其中有些聽(tīng)起來(lái)很奇怪，我要說(shuō)的是 ，您有一項(xiàng)任務(wù)。 它使您有機(jī)會(huì)完全專注于插圖而不是發(fā)明任務(wù)。

Also, as it’s a daily challenge that lasts for a month, it means that you probably have to dedicate time to drawing each day. That’s why you’re learning to concentrate and get the result as fast as possible.

另外，由于這是一個(gè)持續(xù)一個(gè)月的日常挑戰(zhàn)，因此，您可能不得不花時(shí)間在每一天進(jìn)行繪畫(huà)。 這就是為什么您要學(xué)習(xí)集中精力并盡快獲得結(jié)果。

And now, it’s time to take a pencil and start to draw.

現(xiàn)在，該是一支鉛筆并開(kāi)始繪畫(huà)的時(shí)候了。

Thank you for reading!

感謝您的閱讀！

翻譯自: https://uxdesign.cc/why-illustration-is-a-vital-part-of-your-product-d17839025199

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

總結(jié)

以上是生活随笔為你收集整理的插图 引用 同一行两个插图_为什么插图是产品的重要组成部分的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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