![]() No confusion what’s the latest version – and we can always go back in history to see changes done. That means everyone works on the same file, even simultaneously at times. CollaborationĪnother thing we did to help maintain consistency across the team was to use the collaborative design tool Figma. Sometimes fixing the angle to be 45 degrees (at times off by just 0.5 degree), sometimes uneven strokes and some vector points simply not on grid. This is just a small set of the icons (roughly 120 in total), but we re-drew every icon from scratch to get the same level of consistency across the board. Looking at the image above you get an idea. Notice the inconsistent angles of the old icons. Sometimes they were just mistakes, not intended, and other times they were the result of several people contributing over time – using different types of software and techniques. When looking (very) closely on the old icons you would notice inconsistencies in corner radius, strokes, and angles. The first issue we wanted to address was consistency. Now, in Vivaldi 2.4 with the ability to customize the interface even more – you can drag and drop practically any button anywhere – we took this as an opportunity to revisit and refine our icons. Over the years we have been adding new ones as we get more features and settings. "Ĭonvert ic_launcher.png -resize 144x144 drawable-xxhdpi/ic_launcher.pngĬonvert ic_launcher.png -resize 96x96 drawable-xhdpi/ic_launcher.pngĬonvert ic_launcher.png -resize 72x72 drawable-hdpi/ic_launcher.pngĬonvert ic_launcher.png -resize 48x48 drawable-mdpi/ic_launcher.Mostly blending in, going un-noticed but still always there and frequently used, the UI (User Interface) icons are a large part of what makes Vivaldi look and feel like Vivaldi. # is distributed under GNU GPL v3 license.Įcho " Creating different dimensions (dips) of "$1". # This free software comes with ABSOLUTELY NO WARRANTY and drawables_dpis_creation.sh my_cool_xxhdpi_image.png drawables_dpis_creation.sh ic_launcher.png # folder and execute it passing the image filename as argument # Place this script, as well as the source image, inside res # creates different dpis resources and the necessary folders # Given an xxhdpi image or an App Icon (launcher), this script and then it will take few seconds and then you will magically get all the variables of the drawables.Ī bash script using ImageMagick (convert) as per CommonsWare's answer:Īdded folder creation and argument check thanks to Kishan Vaghela #!/bin/sh If the origin image is xxhdpi like in my case select "xxhdpi " as "Source Resoultion". Now select which dimension the origin image is. Now select "the Single " image you want different variations of drawables.Ħ. Now right-click on the drawable folder and navigate to New>Batch Drawable Importĥ. As you can see in the following screencap, there is only one drawable hereĤ. Install the plugin manually as provided in the ReadME 2. I will try to explain the process in step wise basis, so that it will be simple to understand to anyone. If you want quick and easy way visit or they work with iOS as well. You can still follow this answer after installing the plugin manually. The old way of installing the plugin doesn't work anymore but a fork of original plugin is still functional here.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |