峱女看世界-footer02.png
Study with Catwoman Teresa 跟著貓女這樣做

Icon設計分享 Design for Tasteem

峱女看世界-footer02.png

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)

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

 

如果喜歡Teresa的文章,請不要吝惜您的讚以及轉發,對貓女是很大的鼓勵。
填寫email訂閱,就可以收到最新的文章通知喔!

接下來還有更多精彩的內容,我們下次見!bye01.gif

貓女看世界-follow-me-logo

換個方式使用Google Search,輕鬆賺取虛擬幣

點下圖連結申請帳號Arrow02.gif

Presearch連結

貓女最近文章:


你可能也會喜歡:

【理財相關】去全聯購物中心這樣消費最划算,跟著貓女一起省省省
網紅鍋具|modori 純白鍋具組|韓國直送|韓國官方授權|
買一送一超划算!半價買知名防毒軟體還送Windows 10
【台中旅遊】培育藝術的溫床-台中國家歌劇院(三
【台中旅遊】美聲涵洞-台中國家歌劇院(二)
【台中旅遊】第九大世界地標-台中國家歌劇院(一)
【基隆瑞芳旅遊】貓咪的世外桃源:貓村猴硐(二)Cat’s Paradise : Houdong#2
【基隆瑞芳旅遊】Cat’s Paradise : Houdong#1 貓咪的世外桃源:貓村猴硐(一)
【板橋美食】浪漫約會的好地方-德爾芙餐廳 A perfect restaurant for your special day
【台北美食】TankQ Cafe Bar 夢想的小園地
幫長輩祝壽有什麼好點子?80大壽規劃及活動當天實錄
【美妝購物】iHerb購物教學+產品推薦
自製明亮保濕噴霧 DIY Moisturizing Spray
【日本旅遊】弘前公園(三)天守閣 Hirosaki Castle
【泰國旅遊】充滿古老情懷的安帕瓦水上市場(一)
【泰國旅遊】安帕瓦水上市場(二) Amphawa Floating Market (2)
【日本旅遊】日本賞櫻日誌-三春瀧櫻
Study with Catwoman Teresa : Video to GIF 如何利用影片製作GIF
懶人在家自製蚵仔麵線
【基隆美食】Delicious Fish Soup at Late Night 隱藏版深夜食堂:俞家清魚湯
【台北美食】慕軒飯店 GUSTOSO 義式料理

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *