Study with Catwoman Teresa 跟著貓女這樣做

Icon設計分享 Design for Tasteem

footer02.png

I accept the job from Tasteem 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的委託,幫他們設計幾個icon,讓Tasteem的用戶可以放在文末,便於快速連結到Tasteem平台、Steemit帳號、Discord頻道,甚至可以直接連結投Tasteem為Witness。

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

tasteem_logo

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

❤️ 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_footer.jpg

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的分隔線,於是我做了這個分隔線divide.png

❤️ Final

Here is the final result when the icons put together with Tasteem’s original footer.

最後,加上Tasteem原本的footer,看起來大約會是這樣

Tasteem_footer.jpgdivide.png
tasteem.pngsteemit.png discord.png witness.png

Follow-me200.gif

❤️Love from Catwomanteresa love11.gif

If you like my post, please follow, comment and upvote me. There will be more exciting posts. See you next time~bye06.jpg

歡迎關注、點讚、轉發,接下來還有更多精彩的內容,我們下次見!bye01.gif


換個搜尋方式就可以免費賺取虛擬幣喔!

詳情請點下圖連結  Arrow02.gif

presearch