dPet header design

Task

Design a header for @dpet, The design has been accepted by @dpet and used as their header, which can be seen at @dpet's steemit account.

@dpet網站刊頭設計，設計已經被@dpet接受並且使用在刊頭，可以在@dpet的steemit帳號看到

https://github.com/dpetsteemit

---

Size

1365*177 dpi

---

Reference

I refer to some different styles of animal and think about what style to design.
These reference pictures contain watercolor styles, cartoon styles, balloon animals, etc.

我參考了一些不同風格的動物造型，考慮要設計成什麼樣的風格。這些參考圖片包含水彩風格、卡通風格、氣球動物等。

---

Color

In order to match the green color of the dpet logo, the dark green color is chosen to bring out the light green color of the logo and the animal, flowers, and plants in the foreground. In addition, the white account information text can be clearly displayed.

顏色上，為了配合dpet logo的綠色，所以選擇了深綠色為底色，才可以襯托出logo的淺綠色，和前景的動物花草。此外，使用深色為底色，白色的帳號資訊文字可以清楚的顯示。

---

Concept

@dpet is a space for pet owners or animal lovers to share with each other, so the design must include a variety of animals.

The basic information of the account will be displayed in the center of the Steemit header, so I plan to design a graphic to separate the space and prevent other pictures from interfering with the display of information. In order to highlight that the pet is a part of the family, I chose to use the shape of the house to make this space.

@dpet是一個開放給寵物主人或動物愛好者互相分享的空間，所以設計一定會包括各種動物。

Steemit網站中央會顯示帳號的基本資料，所以我打算設計一個圖形來區隔出這個空間，避免其他圖片干擾資訊的顯示。為了凸顯寵物是家中的一份子，所以我選擇用房子的造型來做這塊隔出的空間。

---

Step

1. Draw the shape of a house 畫出房子造型

You can see that the logo and information can be clearly displayed.

可以看得出來，Logo和資訊都可以顯示很清楚

2. Add some leaves to make the feeling of the courtyard outside the house. Otherwise, it's too boring if I only put the animals on the layout.

加上一些葉子，做出房子外庭院的感覺，以免只有動物太單調

3. Add some flowers to make it cuter.

加上一些花，看起來比較可愛

4. The picture looks lively after adding branches and monkey.

加上樹枝和猴子，這時候畫面看起來已經很熱鬧了

5. Finally, put the animal protagonists on it.

最後把小動物主角們放上去

---

Final Design

---

File

PSD

PNG

Image Source

https://www.freepik.com/free-vector/funny-collection-of-hand-drawn-animals_1056815.htm#term=animal&page=1&position=5

https://www.freepik.com/free-vector/cute-zoo-animals_1585884.htm#term=animal&page=1&position=27

https://www.freepik.com/free-vector/coloured-cats-collection_1072063.htm#term=animal&page=3&position=21

https://www.freepik.com/free-vector/pack-of-spring-labels-with-animals_1674291.htm#term=bird&page=1&position=31

https://www.freepik.com/free-vector/lovely-tropical-background-with-flat-design_2649750.htm#term=bird&page=6&position=6

 

---

Posted from my blog with SteemPress : http://catwomanteresa.vornix.blog/2018/08/dpet-header-design/

---