Icon設計分享 Design for Tasteem ⋆ 有著貓咪靈魂的AI魔法師-貓女Teresa

I accept the job from Tasteem, the group on Steemit to design a few icons so that Tasteem users can put them at the end of their posts. You can click the icon and quickly link to the Tasteem platform, Tasteem’s Steemit account, Tasteem’s Discord channel, or even directly link to upvote Tasteem as Witness.

我接受Tasteem（Steemit上的應用）的委託，幫他們設計幾個icon，讓Tasteem的用戶可以放在文末，便於快速連結到Tasteem平台、Steemit帳號、Discord頻道，甚至可以直接連結投Tasteem為Witness。

內容摘要

❤️ 主要造型 Basic Icon (shape and color)

I used Photoshop as a tool to design these icons. First, I wanted to decide the basic shape.

Let’s see Tasteem’s logo. Obviously, the most eye-catching part is the beautiful bright orange color. Of course orange becomes the main color of these icons.

In addition, Tasteem’s logo has obvious curves in a soft style, so I decided to use the round shape.

I wanted to keep the icon itself as simple as possible. So I used only bevel and shadows to increase the three-dimensionality and enhance the detail.

我使用Photoshop來設計這些icon. 首先先決定基本的icon造型。

我們先看一下Tasteem的主視覺，很明顯的，最醒目的部分就是鮮豔的亮橘色，所以第一件事就是定調主色調為橘色。

此外，Tasteem的LOGO有明顯的曲線，風格上比較柔和，所以我決定使用圓型來做為主體造型。

Icon本身盡量維持簡潔，只做了一些陰影來增加立體感及提升細緻度。

❤️ Tasteem Icon

❤️ Steemit Icon

❤️ Discord Icon

Most of the icons are no dispute because most people are familiar with those logos. The last one is for the link to upvote Tasteem as the witness. It’s difficult to realize the function when you see the graphics. So we decided to add the text.

這幾個icon，大部份的logo大家都很熟悉，所以比較沒有爭議。而最後一個icon是投Tasteem為Witness，比較難一看到icon的圖形就能夠理解icon的功用，所以最後決定要加上說明文字。

❤️ 分隔線 Dividing Line

Tasteem team asked me to add one image with the icons. Actually, an image will automatically add to the user’s post as a footer when you use the Tasteem platform. So I don’t want to use another image with the footer. After discussing with the Tasteem team, we decided to use a dividing line. So I made one with the Tasteem logo on it.

另外，Tasteem團隊希望除了幾個icon之外，應該要有一個圖可以一眼看出Tasteem。

Tasteem的系統會自動在用戶帖子的文末加上一張圖。因為已經有這張圖，所以我不想使用太大的圖樣，否則看起來會很凌亂，跟Tasteem團隊討論的結果，決定使用一個帶有Tasteem LOGO的分隔線，於是我做了這個分隔線