From 09d28e73b6e4921be9570a4240b284b12c3848eb Mon Sep 17 00:00:00 2001 From: Vlad Petrov Date: Thu, 23 Apr 2020 23:01:46 +0300 Subject: [PATCH 1/2] add background shape doc --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index db48b11bd..c1030abfe 100644 --- a/README.md +++ b/README.md @@ -23,6 +23,15 @@ If Turtl is not working on your device, you can also use [Applications Info](htt Help with any aspect of the app is much appreciated! **You don't have to know how to code!** If you know how to work with vectors in a program that supports the SVG format. [Inkscape](https://inkscape.org/en/) is recommended but not necessary. Please read the [guide on contributing](CONTRIBUTING.md) before making big changes! It also includes some personal preferences on how to work with Inkscape. If you don't use Inkscape you can just ignore them. +When you bring an icon to Frost try to make it minimal. +The easiest and most noticeable way to do it is to set an icon free of its background. +Twitter app is a good example! +There are two parts: a bird and a circle surrounding it. +The bird is a center of an icon and the part associated with twitter while the circle is not unique to the platform and can be removed. +Don't take as a ground rule because there are cases when this background shape is necessary. +Adobe products are much more recognizable in a square while GitHub official uses background shape as a meaningful part of an icon. +Currently, some of the existing icons don't follow this rule, we are working on it. + **Note:** I want to accept as many contributions as possible, but will only merge icons that have been manually created using shapes and paths in a vector editing program. I don't think the quality is high enough from tools that automatically generate vector images. Quick Guide: From 5614816d4c0b1af769985cbea56fe8280e3a0d49 Mon Sep 17 00:00:00 2001 From: Vlad Date: Sun, 3 May 2020 09:26:41 +0300 Subject: [PATCH 2/2] Accept wonderful suggestions Co-authored-by: dkanada --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index c1030abfe..c966c5c47 100644 --- a/README.md +++ b/README.md @@ -24,13 +24,13 @@ If Turtl is not working on your device, you can also use [Applications Info](htt Help with any aspect of the app is much appreciated! **You don't have to know how to code!** If you know how to work with vectors in a program that supports the SVG format. [Inkscape](https://inkscape.org/en/) is recommended but not necessary. Please read the [guide on contributing](CONTRIBUTING.md) before making big changes! It also includes some personal preferences on how to work with Inkscape. If you don't use Inkscape you can just ignore them. When you bring an icon to Frost try to make it minimal. -The easiest and most noticeable way to do it is to set an icon free of its background. -Twitter app is a good example! +The easiest and most noticeable way to do so is to set an icon free of its background. +Twitter is a good example! There are two parts: a bird and a circle surrounding it. -The bird is a center of an icon and the part associated with twitter while the circle is not unique to the platform and can be removed. -Don't take as a ground rule because there are cases when this background shape is necessary. -Adobe products are much more recognizable in a square while GitHub official uses background shape as a meaningful part of an icon. -Currently, some of the existing icons don't follow this rule, we are working on it. +The bird is the center of the icon and the part associated with Twitter while the circle is not unique to the platform and can be removed. +Don't take this as a ground rule because there are cases when a background shape is necessary. +Adobe products are much more recognizable in a square and GitHub uses the background shape as a meaningful part of their icon. +Currently, some of the existing icons don't follow this rule, but we are working on improving this. **Note:** I want to accept as many contributions as possible, but will only merge icons that have been manually created using shapes and paths in a vector editing program. I don't think the quality is high enough from tools that automatically generate vector images.