From 7f47f51caed3978fe539b2896d14a0201c5de00c Mon Sep 17 00:00:00 2001 From: JoergAtGithub Date: Sun, 16 Feb 2025 14:13:44 +0100 Subject: [PATCH] Draft Icon redesign contest blogpost --- .../icon-contest/Mixxx_Icon_in_titlebar.png | Bin 0 -> 8621 bytes .../mixxx-icon-logo-christmas.svg | 2 + ...ixxx-icon-logo-christmas_orig_proposal.svg | 2 + .../images/news/icon-contest/mixxx_icon.svg | 2 + .../images/news/icon-contest/mixxx_ios.svg | 2 + .../images/news/icon-contest/mixxx_logo.svg | 2 + .../news/icon-contest/mixxx_logo_deere.svg | 2 + .../mixxx_logo_latenight_classic.svg | 2 + .../mixxx_logo_latenight_palemoon.svg | 2 + .../news/icon-contest/mixxx_logo_tango.svg | 2 + .../images/news/icon-contest/mixxx_macos.svg | 2 + content/news/XXXX-XX-XX-new_icon_contest.md | 76 ++++++++++++++++++ 12 files changed, 96 insertions(+) create mode 100644 content/images/news/icon-contest/Mixxx_Icon_in_titlebar.png create mode 100644 content/images/news/icon-contest/mixxx-icon-logo-christmas.svg create mode 100644 content/images/news/icon-contest/mixxx-icon-logo-christmas_orig_proposal.svg create mode 100644 content/images/news/icon-contest/mixxx_icon.svg create mode 100644 content/images/news/icon-contest/mixxx_ios.svg create mode 100644 content/images/news/icon-contest/mixxx_logo.svg create mode 100644 content/images/news/icon-contest/mixxx_logo_deere.svg create mode 100644 content/images/news/icon-contest/mixxx_logo_latenight_classic.svg create mode 100644 content/images/news/icon-contest/mixxx_logo_latenight_palemoon.svg create mode 100644 content/images/news/icon-contest/mixxx_logo_tango.svg create mode 100644 content/images/news/icon-contest/mixxx_macos.svg create mode 100644 content/news/XXXX-XX-XX-new_icon_contest.md diff --git a/content/images/news/icon-contest/Mixxx_Icon_in_titlebar.png b/content/images/news/icon-contest/Mixxx_Icon_in_titlebar.png new file mode 100644 index 0000000000000000000000000000000000000000..b8efb9ff9ebe4c88580ffab2de9082519bf908a8 GIT binary patch literal 8621 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�{xViz8!C=Kh~s%JCh0b;0anUw)Q(tL=_UD`U5l9z4MKSlM&5+s3f7DUFVNZ9#ql==vv(4d-od&GpywzD z4jiGivy0BwS2)}{3(7rJ{eu_i?0kje?SsI_xX~JL6}Q(GK~Foc4gwV`QU(l@ldBM0rc5bPsva*u;Ej!s! z2eiFFtE+frB~(_{b7y1TX^TNVpNI4PqNh&#GAOI5r?Rr1`Yl@|GMFYx@8EZ9p{Hj8 z9dRML)Oz?STC|^2gTA@n+1W*(L{e6-55GcZ=PR@xJ~B=psyA<u1Z2hGa-&h1($;pr7;PS-o*Jc~SO({_{W`iH#;kYYe;% z>!^yWSe;M2aCb)=-eN$afHF!_ z#$QHWz575v=c!}$YUh4s4Rt_U^B(peYNdM|-KkJY{qNoe?Jbv>l=OiOk?J6{_o~ zEt;jl)P}q5ygprWMMW?!TI=HQz8}-lGYA#8(Xeg29hh@>!@!&j7&yNN6PX8*X0*Di zA;Lr>k7D40@L2_1;CRbX+AkM+OczttKX}3jf+7+(TE&VAfaNqaJxG%-2#gDDCMs*t zcj2PRl1aaMNDS+xzFwJoR#H<3y?rlb49yrGw9&k04|{ac#tA=7$lFFoYX@!FP?t=& zJ6U?MdieBw5<5ubDa{&qT^{Hq?MAWf>pk@nFP-Wg=b1H6<(8f7+|`&4*QZ1&_3M_~ zzHZQdzyA&{=NrsGKF9^P8aLb}tJjmD=O_oBKfxf&X-Lg+`{+FU6bBBP$n2JtX^zB` z%C|rtXh>{zMkugp;H#w6%F!yALfJKeu|#q{Rx zRLJ5_X?-mfz+k&s0BC7BN=v&j#+0BYC_9%ZE-3@rXlqNt%gUNMXltVlC= zjp=z~SqYU}w$hk~wh0!Fic89%w~e;mjB#UDv-clrrM0`8?yggI75Vb$qxJb8bMT#qO>%l*Yzg7zP^$Atg^Uk8KqEKe;@a6zJvPe zDymmjOc;bG3rA|GaR9Ntwie86^{D7J8X7iHTQo>d`;TQ=I*UG95B!++ottk&Bo-CP<4$yU~7pP-ny)5ulR#I8NkvgFFRF^Eyh-W6fB5cungy!aE znwy(>X(}THDz`XcXmc}1+RPTrF1w%NqL})vjpS*gIlKC+?VD)OC@F)sBOGaNruj&( z+2Wb*%28h*eR3sfZUzUcOBK-5ew2fmZ8cXXZ!adT*R>|Sw)SJ=R%*%a3|zPf6}M5_ zu!)A+A_jYo@_Z&757_kgaWW^BpO^?_`=tQumR#b^pZz0Dxligb6=rXr)MGlh{66XX z3&xXbm>bJJX)4sclDOBy!(+B!9jEpckI!d8XAd0fT z+4JE=6h#yY1x80lt(-n+2x$0+B-{-!$9cx`(0vT+mJX*L3oI=yWx;}vq^WpJiII^J z`ug6!qHuTf=0+ART9m!zF$Lav=N%3mdJf>te-gyAQ2kiKiP5%&^XLKdb)q}C+>$>t};mE_og8d3bnSGXym3HLJUU7->kd1w+8P@*%pPdn{Yd!^7hm zA>dPw#i@hH^n}2;0CB*&CBvLK?2XjJW3G@KpArXhGD9Q}*Uytz*E~Et<`T)PYJpxk z`CzA|9v&WZ2=mj2`csFHK77pon3{*joa6rkY+Vmt0dBQd00000NkvXXu0mjf|Ca$% literal 0 HcmV?d00001 diff --git a/content/images/news/icon-contest/mixxx-icon-logo-christmas.svg b/content/images/news/icon-contest/mixxx-icon-logo-christmas.svg new file mode 100644 index 00000000..5f1c4f56 --- /dev/null +++ b/content/images/news/icon-contest/mixxx-icon-logo-christmas.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx-icon-logo-christmas_orig_proposal.svg b/content/images/news/icon-contest/mixxx-icon-logo-christmas_orig_proposal.svg new file mode 100644 index 00000000..bb66821e --- /dev/null +++ b/content/images/news/icon-contest/mixxx-icon-logo-christmas_orig_proposal.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_icon.svg b/content/images/news/icon-contest/mixxx_icon.svg new file mode 100644 index 00000000..88180214 --- /dev/null +++ b/content/images/news/icon-contest/mixxx_icon.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_ios.svg b/content/images/news/icon-contest/mixxx_ios.svg new file mode 100644 index 00000000..363b588f --- /dev/null +++ b/content/images/news/icon-contest/mixxx_ios.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_logo.svg b/content/images/news/icon-contest/mixxx_logo.svg new file mode 100644 index 00000000..90d88057 --- /dev/null +++ b/content/images/news/icon-contest/mixxx_logo.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_logo_deere.svg b/content/images/news/icon-contest/mixxx_logo_deere.svg new file mode 100644 index 00000000..32f5b2ca --- /dev/null +++ b/content/images/news/icon-contest/mixxx_logo_deere.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_logo_latenight_classic.svg b/content/images/news/icon-contest/mixxx_logo_latenight_classic.svg new file mode 100644 index 00000000..e8124eb4 --- /dev/null +++ b/content/images/news/icon-contest/mixxx_logo_latenight_classic.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_logo_latenight_palemoon.svg b/content/images/news/icon-contest/mixxx_logo_latenight_palemoon.svg new file mode 100644 index 00000000..0b25bc3d --- /dev/null +++ b/content/images/news/icon-contest/mixxx_logo_latenight_palemoon.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_logo_tango.svg b/content/images/news/icon-contest/mixxx_logo_tango.svg new file mode 100644 index 00000000..6000d870 --- /dev/null +++ b/content/images/news/icon-contest/mixxx_logo_tango.svg @@ -0,0 +1,2 @@ + + diff --git a/content/images/news/icon-contest/mixxx_macos.svg b/content/images/news/icon-contest/mixxx_macos.svg new file mode 100644 index 00000000..ea4f766f --- /dev/null +++ b/content/images/news/icon-contest/mixxx_macos.svg @@ -0,0 +1,2 @@ + + diff --git a/content/news/XXXX-XX-XX-new_icon_contest.md b/content/news/XXXX-XX-XX-new_icon_contest.md new file mode 100644 index 00000000..d7f4252d --- /dev/null +++ b/content/news/XXXX-XX-XX-new_icon_contest.md @@ -0,0 +1,76 @@ +title: Contest for a new updated Mixxx Icon +authors: Jörg Wartenberg +tags: icon, logo +date: 2025-02-16 10:00:00 + +## Why Mixxx needs a new updated icon +The square Mixxx Icon was created at a time when it was only used to identify the application in the desktop environment of the respective operating system. For this use case, it had to be displayable on low resolution at 16x16px. +![Mixxx TitleBar]({static}/images/news/icon-contest/Mixxx_Icon_in_titlebar.png) +It was designed with a specific, outdated theme guideline in mind and always looked odd on all other systems. +![Mixxx Icon]({static}/images/news/icon-contest/mixxx_icon.svg) +Nowadays, square app icons are no longer only found on the desktop. With the advent of online app stores, the square icon has become the primary identifier for the application. A square icon with a much higher resolution (typical 256x256px) is required here. In the stores we cannot use our rectangular Mixxx Logo due to the low aspect ratio there and since our square icon cannot be easily adapted to the required style guidelines. For example, Mixxx has not met the criteria to be listed as a curated app on Flathub and will therefore always apear on the lower ranks. + +## Logo vs. Icon -> Common design language +We love our rectangular Mixxx Logo and would therefore like to keep it, but the logo and the icon design have no graphic similarities. +![Mixxx Logo]({static}/images/news/icon-contest/mixxx_logo.svg) +What we are looking for is to develop a common design language for both. Both should be distinctive as Mixxx brand on their own, as well as combined together. + +## What we are looking for - and what we are not +We are looking for basic Mixxx Icon, that can be adapted to particular styleguides and resolutions without loosing it's distinctive character. The design should also be basic enough to allow moderinzation in future without replcaing the whole icon again. +What we are not looking for are: + +- replacement of the Mixxx Logo +- one specific file for a particular use case styleguide +- an icon that only works in one resolution +- an icon that does not work with rounded corners +- an icon that does not work with a transparent background + +## Altering of the Mixxx Logo/icon +We use altered versions of the Mixxx Logo/Icon for different use cases already. For example, we alter the Mixxx Logo for the different GUI skins/themes. +Such alterations are not part of the contest, but the design should be basic enough to allow such alterations in the future. + +- The current platform specific variants of the Mixxx Icon are: +![Mixxx iOS]({static}/images/news/icon-contest/mixxx_ios.svg) +![Mixxx macOS]({static}/images/news/icon-contest/mixxx_macos.svg) + +- The current GUI theme specific variants of the Mixxx Logo are: +![Mixxx Logo LateNight Classic]({static}/images/news/icon-contest/mixxx_logo_latenight_classic.svg) +![Mixxx Logo LateNight PaleMoon]({static}/images/news/icon-contest/mixxx_logo_latenight_palemoon.svg) +![Mixxx Logo Tango]({static}/images/news/icon-contest/mixxx_logo_tango.svg) + +We also alter the Mixxx Logo for seasonal events like Christmas: + +![Mixxx Icon Logo Christmas Original Proposal]({static}/images/news/icon-contest/mixxx-icon-logo-christmas_orig_proposal.svg) +![Mixxx Icon Logo Christmas]({static}/images/news/icon-contest/mixxx-icon-logo-christmas.svg) + +## Examples of other DJ software +The following links show Google image search results for the use of icons by competing DJ software. These are just examples to show the variety of styles and combinations of text Logo and square Icon. The new updated Mixxx Icon should allow for a similar variety of styles and combinations, while it should be distinctive to be recognized as Mixxx. + +- [Algoridm DJay Pro](https://www.google.com/search?client=firefox-b-d&q=Algoriddim+DJay+Pro+Label+Logo+Icon&udm=2) +- [Serato DJ Pro](https://www.google.com/search?client=firefox-b-d&q=Serato+DJ+Pro+Label+Logo+Icon&udm=2) +- [Virtual DJ](https://www.google.com/search?client=firefox-b-d&udm=2&q=Atomix+VirtualDJ+Label+Logo+Icon&spell=1&dpr=1) +- [Traktor Pro](https://www.google.com/search?q=Native+Instruments+Traktor+Pro+Label+Logo+Icon&client=firefox-b-d&udm=2&uact=5) +- [PioneerDJ Rekordbox](https://www.google.com/search?client=firefox-b-d&q=Pioneer+DJ+Rekordbox+Label+Logo+Icon&udm=2) +- [DenonDJ Engine Prime](https://www.google.com/search?client=firefox-b-d&q=Denon+DJ+Engine+Prime+OS+Label+Logo+Icon&udm=2) + +DJ Studio has even a dedicated subpage with variations of it's Logo and Icon for the use by the DJ Press, explaining the different uses: [DJ Studio MediaKit](https://dj.studio/media-kit) + +## Platform style guidelines to consider +The following links show the style guidelines for app icons of the most common platforms. It's not part of the contest to provide icons for all platforms, but the design should allow all these adaptations, without loosing it's distinctive character. + +- [Apple](https://developer.apple.com/design/human-interface-guidelines/macos/icons-and-images/app-icon/) +- [Microsoft](https://learn.microsoft.com/en-us/windows/apps/design/style/iconography/app-icon-design) +- [Flathub](https://docs.flathub.org/docs/for-app-authors/metainfo-guidelines/quality-guidelines/#app-icon) +- [Google](https://developer.android.com/distribute/google-play/resources/icon-design-specifications) +- [KDE](https://develop.kde.org/hig/icons/colorful/application/) +- [Gnome](https://developer.gnome.org/hig/guidelines/app-icons.html) + +## Submission guidelines +### License and ownership of the design +The Mixxx brand, including logo and icon, is not licensed under the GPL like the software itself. The design is the property of the Mixxx e.V., therefore, it is necessary to sign the Mixxx Contributor Agreement and submit the contest contribution under the terms of this agreement. The Mixxx brand is hold by Mixxx e.V. and used to distinguish the official version of the software provided by the Mixxx development team from forks with altered functionality/quality. + +### Submission format +All graphics in the submission shall be vector graphics in SVG format. A written guideline in ODT and PDF format shall describe the indended usage of the new Icon, as well standalone, as together with the Mixxx Logo, for the different use cases. + +## What we offer +The winner of the contest will receive a Mixxx T-Shirt and a Mixxx sticker set. The winner will also be mentioned in the Mixxx credits and on the Mixxx website.