當前位置：首頁 >

hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标

發布時間：2023/12/10 56 豆豆

生活随笔收集整理的這篇文章主要介紹了 hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

hashmap 從頭到尾

在紙上素描粗糙的概念 (Sketch rough concepts on paper)

Start by sketching out a few ideas for your logo on paper. These don’t have to be detailed drawings. Instead, it’s about getting your ideas out quickly. In this early stage, you can explore different layout options. If you have more than one word, try all words in one line as well as stacked on top of each other.

首先在紙上勾勒出一些有關徽標的想法。這些不一定是詳細的圖紙。相反，它是關于Swift提出您的想法的。在此早期階段，您可以探索不同的布局選項。如果您有一個以上的單詞，請嘗試將所有單詞排成一排，并堆疊在一起。

For this logo, I knew I wanted to include elements of a landscape. I played with the idea of sandwiching the words Ocean Beach between a visual representation of the ocean and sky.

對于這個徽標，我知道我想包含景觀元素。我的想法是將海洋沙灘一詞夾在海洋和天空的視覺表示之間。

Sketching a logo concept for Ocean Beach草繪海洋海灘的徽標概念

與排版配對 (Pair with typography)

Next, head into Illustrator or your favorite vector program to explore typeface pairings. You may already have an idea in mind but still take the time to try out different styles, including serif and san serifs. Try all caps, all lowercase, upper and lowercase.

接下來，進入Illustrator或您最喜歡的矢量程序以探索字體配對。您可能已經有了一個主意，但是仍然花時間嘗試不同的樣式，包括襯線和襯線。嘗試所有大寫字母，全部小寫，大寫和小寫。

In this example, I chose Big Caslon Medium, an elegant serif typeface with beautiful details.

在此示例中，我選擇了Big Caslon Medium ，這是一種優雅的襯線字體，具有精美的細節。

Trying out different typefaces in Adobe Illustrator在Adobe Illustrator中嘗試不同的字體

添加手繪效果 (Adding a hand-drawn touch)

I didn’t want this logo to have a super modern feel to it with sharp edges. I wanted to add a hand-lettered spirit. To do this, I exported a jpg of the logo text and opened it in Procreate on my iPad Pro.

我不希望這個徽標具有尖銳的邊緣給它超現代的感覺。我想添加一個手寫的精神。為此，我導出了徽標文本的jpg，并在iPad Pro上的Procreate中將其打開。

Reduce the opacity of this layer, then add another on top. I traced each letter and filled in with the Technical Pencil brush. I also added simple shapes for the landscape, a half circle for the sky, and wavy organic lines for the ocean.

降低該層的不透明度，然后在頂部添加另一個。我追蹤了每個字母，并用技術鉛筆刷填充。我還為景觀添加了簡單的形狀，為天空添加了半個圓圈，為海洋添加了波浪形的有機線。

Tracing the design in Procreate在Procreate中跟蹤設計

創建矢量版本 (Create a vector version)

Procreate is a raster-based software and since I’ll need the logo as a vector file, I used Image Trace to quickly vectorized. You can play around with the setting here to get the effect you’re going with but I wanted to preserve the imperfect edges created in the sketch in Procreate.

Procreate是一個基于光柵的軟件，由于我需要徽標作為矢量文件，因此我使用了Image Trace來快速矢量化。您可以在此處進行設置以獲得所需的效果，但是我想保留Procreate中在草圖中創建的不完美邊緣。

Using Image Trace in Adobe Illustrator在Adobe Illustrator中使用圖像跟蹤

Expand, select, and delete the white background so you have a clean vector shape with no background.

展開，選擇和刪除白色背景，以便您具有干凈的矢量形狀，沒有背景。

Image Trace result from Adobe Illustrator來自Adobe Illustrator的圖像跟蹤結果

清理形狀和錨點 (Clean up shapes and anchor points)

Live Trace is known for creating hundreds of anchor points and messy vector shapes. Use the Shape Builder and Pathfinder tools to combine shapes. Clean up by removing anchor points, the smoother the lines the better.

Live Trace以創建數百個錨點和混亂的矢量形狀而聞名。使用“形狀生成器”和“路徑查找器”工具組合形狀。通過移除錨點進行清理，線條越平滑越好。

選擇一個調色板 (Choose a color palette)

Search for color palettes on Pinterest relating to your theme. I searched for vintage color palettes and similar results until I found a few to try out.

在Pinterest上搜索與您的主題相關的調色板。我搜索了老式的調色板和類似的結果，直到找到一些可以嘗試的地方。

Color palette combinations調色板組合

Try to stick to 1–2 colors for the logo. A good rule of thumb is your logo should always work in black and white. After exploring a few options, I realized this logo looked best with the words Ocean Beach in a blue while the landscape is in vintage orange-red.

嘗試將徽標堅持1-2種顏色。 一個好的經驗法則是您的徽標應始終以黑白顯示。在探索了幾種選擇之后，我意識到，當風景為復古的橙紅色時，該徽標看起來最好用藍色的海洋沙灘一詞。

Different color combinations不同的顏色組合

在上下文中顯示您的徽標 (Show your logo in context)

When you’re done with creating the logo, go the extra mile by mocking it up to see how it will look on other applications.

在完成徽標的創建后，請通過模擬它來加倍努力，以查看其在其他應用程序上的外觀。

For this example, I wanted to test the logo on a photo of a beach. Once I was satisfied with the composition, I added a layer of grain to the entire image in Photoshop to accentuate the vintage feel I aimed for.

對于此示例，我想在海灘的照片上測試徽標。對構圖感到滿意后，我在Photoshop中為整個圖像添加了一層紋理，以增強我想要的復古感。

Monica GalvanMonica Galvan設計

逐步觀察設計過程 (Watch the design process step-by-step)

Sometimes it’s easier to observe the design process first-hand. Here is a quick tutorial where I show you how I design this simple vintage logo design using the steps outlined above.

有時，親眼觀察設計過程會更容易。這是一個快速教程，其中向您展示如何使用上述步驟設計這種簡單的復古徽標設計。

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women)，這是一個巴西組織，致力于通過采取行動，賦權和知識共享的舉措來促進科技行業中的黑人女性平等。對系統性種族主義保持沉默是不可行的。建立您相信的設計社區。

翻譯自: https://uxdesign.cc/how-to-design-a-simple-vintage-logo-from-start-to-finish-838dbc62c8e8