From mboxrd@z Thu Jan 1 00:00:00 1970 From: Michael Tremer To: ipfire-artwork@lists.ipfire.org Subject: Re: [IPFire Artwork] PSD from new Homepage Date: Wed, 22 Mar 2017 17:24:50 +0000 Message-ID: <1490203490.2643.34.camel@ipfire.org> In-Reply-To: <1E047788-8AA7-40ED-854A-47BE6C9D3BB7@posteo.de> MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============5875359052119037806==" List-Id: --===============5875359052119037806== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: quoted-printable Hello guys, just wanted to check in on you and see how things are going since it has gone= a little bit quiet here. I am traveling over the next days again, but in case there is anything I can help out with, please send me an email. Best, -Michael On Wed, 2017-03-15 at 14:44 +0100, Sven wrote: > Hey Maurice, > no problem. > I will do it with the variables:=C2=A0https://getbootstrap.com/css/#grid-le= ss=C2=A0so we > have complete control. >=20 > Greetings, > Sven >=20 >=20 > > On 15 Mar 2017, at 14:37, Maurice Gesswein wrot= e: > >=20 > > Hey Sven, > >=20 > > do you think we can do a tiny customization at Bootstrap 4's column grid > > system? Just 24px gutter width instead of 30px? I found a short guide for > > that. Seems pretty easy. > >=20 > > http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gut= ter > > -width/ > >=20 > > From my point of view it looks like you just need to change this: > >=20 > > > .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} { > > > =C2=A0 padding-right: 15px; > > > =C2=A0 padding-left: 15px; > > > } > > > .row { > > > =C2=A0 margin-right: -15px; > > > =C2=A0 margin-left: -15px; > > > } =C2=A0 > > =C2=A0 > > to this: > >=20 > > > .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} { > > > =C2=A0 padding-right: 12px; > > > =C2=A0 padding-left: 12px; > > > } > > > .row { > > > =C2=A0 margin-right: -12px; > > > =C2=A0 margin-left: -12px; > > > } > >=20 > > That would help me to follow consistent UI metrics. > >=20 > > Best, Maurice > >=20 > > On Tue, Mar 14, 2017 at 3:52 PM, Michael Tremer > > wrote: > > > It would be nice to keep the conversation in English since there are > > > people > > > reading our mailing lists who don't speak German. > > >=20 > > > I know it might be a little bit complicated in the beginning but I am s= ure > > > we > > > will all get used to it :) > > >=20 > > > -Michael > > >=20 > > > On Tue, 2017-03-14 at 15:10 +0100, Sven wrote: > > > > Hallo Maurice, > > > > ich antworte einfach mal in Deutsch. Englisch kann ich gut lesen und > > > verstehen > > > > aber schreibe es nicht so gern. > > > > > > > > Im Moment baut die Seite ja auf Bootstrap auf, wird das nicht > > > =C3=BCberfl=C3=BCssig wenn > > > > du sowohl Grid als auch Pattern Library aufbaust? > > > > In wie weit wir die Pattern Library =C3=BCber alle Projekte teilen so= llten > > > wir > > > > sehen wenn die Webseite steht, da die im Moment Priorit=C3=A4t hat. > > > > > > > > Freu mich auf die Zusammenarbeit. > > > > > > > > Gr=C3=BC=C3=9Fe, > > > > Sven > > > > > > > > > On 14 Mar 2017, at 14:25, Maurice Gesswein > > > wrote: > > > > > > > > > > Don't worry about the delay :) > > > > > > > > > > As far as I can remember I didn't created responsive versions of the > > > IPFire > > > > > Website. It makes sense that these are at least almost done before > > > Sven > > > > > starts with coding. I don't want that Sven has to guess the font > > > sizes, > > > > > paddings, margins, line-height and so on. That's not his job :) So > > > please > > > > > stay tuned for a proper handover. I'm sure that will help Sven a lo= t. > > > > > > > > > > @Sven > > > > > Hey Sven, nice to meet you :) > > > > > > > > > > I just want to give some information beforehand. You may already kn= ow > > > that > > > > > but I just want to get sure that we are both on the same level. > > > > > > > > > > My designs and layouts are based on a 8x8px grid (4x4px fallback) a= nd > > > are > > > > > Atomic Design driven. Touch Targets are at least 48x48px. In some e= dge > > > cases > > > > > there might be less. Means that you will never see a "margin: 50px" > > > because > > > > > 50 is not dividable by 8 or 4. I would very appreciate if you could > > > consider > > > > > that within your code. That method provides a great support to foll= ow > > > a > > > > > consistent line. I'm pretty sure that I'll provide all designs via > > > > > zeplin.io. From that tool you will get (almost) every information y= ou > > > need. > > > > > Margins, paddings, colors, font size, etc. > > > > > > > > > > Also I'm a big fan of Pattern Libraries. At least when it comes to = the > > > > > IPFire WUI there will be a lot of pattern usage to save time on your > > > side. > > > > > > > > > > My strong guess is that it would make sense to have different Patte= rn > > > > > Libraries for the Website/FireInfo and WUI. But that is totally up = to > > > you > > > > > how to deal with that :) I think you already saw the first designs = for > > > the > > > > > WUI? > > > > > > > > > > Hope that doesn't sound like an arrogant Designer. Believe me that = one > > > of my > > > > > most important goals is to make the DEVs life as comfortable as > > > possible by > > > > > providing well prepared handovers. My experience with that is that = we > > > will > > > > > get a great output and a professional looking UI/Website. > > > > > > > > > > > > > > > Please let me know if you have any questions or concerns. > > > > > > > > > > Best, M > > > > > > > > > > On Tue, Mar 14, 2017 at 1:02 PM, Michael Tremer > > .org> > > > > > wrote: > > > > > > Hello Maurice, > > > > > > > > > > > > thank you for getting back in touch. > > > > > > > > > > > > On Tue, 2017-03-14 at 12:58 +0100, Maurice Gesswein wrote: > > > > > > > Hi Sven and rest of the gang, > > > > > > > > > > > > > > I nearly thought that the project has died. I'm glad to see that > > > this is > > > > > > not > > > > > > > the case. Since it's very long time ago I have to check the old > > > PSD > > > > > > files > > > > > > > within the next days and make sure that you get a good handover. > > > > > > > > > > > > I can only apologise that everything took so long. I would have > > > liked to > > > > > > see > > > > > > this realised quicker but time just didn't allow me to work on it. > > > Luckily > > > > > > Sven > > > > > > is now on board to help out and together we will get this done no= w! > > > > > > > > > > > > > Perhaps I'll handover the designs via zeplin.io. I've made very > > > good > > > > > > > experience with that tool during last year. Please give me some > > > days for > > > > > > > preparing since I'm very busy right now. > > > > > > > > > > > > So where have we stopped? As far as I can see the designs for the > > > index > > > > > > and > > > > > > features page are done. Is there anything I forgot? > > > > > > > > > > > > I think what Sven mainly needs is the background images that you > > > used and > > > > > > so on. > > > > > > I am quite sure this doesn't need to be PSD in particular. > > > > > > > > > > > > If required we can have a conference call with everyone, but I am > > > not sure > > > > > > if > > > > > > there are any big questions that we cannot discuss on the list. > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > > Thanks and best regards, > > > > > > > Maurice > > > > > > > > > > > > > > On Tue, Mar 14, 2017 at 12:03 PM, Michael Tremer > > pfire. > > > > > > org> > > > > > > > wrote: > > > > > > > > Hi, > > > > > > > > > > > > > > > > to send emails to the list, you just need to email to > > > > > > > > > > > > > > > > =C2=A0=C2=A0ipfire-artwork(a)lists.ipfire.org > > > > > > > > > > > > > > > > > > > > > > > > I copied Maurice to your request and we will wait until he > > > replies. > > > > > > > > > > > > > > > > Best, > > > > > > > > -Michael > > > > > > > > > > > > > > > > On Mon, 2017-03-13 at 19:51 +0100, Sven wrote: > > > > > > > > > Hi Maurice, > > > > > > > > > can you please send me the PSD files from the new layout > > > (Homepage > > > > > > and > > > > > > > > > Featurepage)? > > > > > > > > > > > > > > > > > > Thanks, > > > > > > > > > Sven > > > > > > > > > > > > > > > > > > > > > > > > >=20 > >=20 >=20 --===============5875359052119037806== Content-Type: application/pgp-signature Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="signature.asc" MIME-Version: 1.0 LS0tLS1CRUdJTiBQR1AgU0lHTkFUVVJFLS0tLS0KVmVyc2lvbjogR251UEcgdjIKCmlRSWNCQUFC Q2dBR0JRSlkwck5pQUFvSkVJQjU4UDl2a0FrSDhqZ1FBSjhrOGwySkFHVTdjeWF1RThGNkE3c3QK bmNUV2VjT3hYV0hFMTA1WnlTZWM0a1JsMlp1M3RqZUhNczdtMVhaVEQ0WllxNzdZOERXd3ZCYStp NEN5alZTUwp5cnZUaFpBVitoNkNJZlZibFVEUGxlYnZEcVBpODl6a2VTNHBuMFlxMWl1cjF3K0Fp ZC80WUZoMllrU3BBUnZlCmc1WGpLUEdtRlJjS2w4Wmh1OG4ybTJmVURmRUNRZFordFVTYVhoanFk WHRLZ2tmbmdpNlE0UEJmYlVCR2lEWGkKaERQdEFGb0svemtPbHdKM1FtVmtiZFVVRWU0anJad0pI N1VGZHpsYlN3eE0vRzFXUGpZREhKVlBZdlFwVGdqYgpUQ1dUQTJ1ZEwvT3NpZjdtUTJPaUxSVHlF SHcvOEtGaEtUd0g0ZEs0WVJldHlJbVIzbXRPRjVzNXdFTVpvRUpLCmRoMXJFOXVuR1FHQitSZW1M NTNXR21DMldlTjg1NXk0SDJqUVVsMTNCYmZkWjJvNDdCaHlhbU02S3IwcndkblIKTnVBNk5OZzhq SlBDaEhVbUhJa1ZnM3Y3S3RValRtUVRVVWpROU1pMjREblQvZVBGKzJFc3F4SFJFcVo5Y3NqNgo0 YzNucXErWERKNzRPR0ZLVDVkbVhKejdGUU9RZ20yNGM1Wmd4c2xkeEFhL2ZueTBDTlNubHFrQUJH R0N5UHBLCi9lcmNXeGYzUXBqbHpLY3hWRTZLaFJUSnFZczFDT25jZVFGSVRWWVJRWXlVdlFKVFF1 T05MSUJ4REJiV242VUYKZlRvWE0valRqUmF2RW14SCs1SGV3NTFOdlJWT1dKN3JERmY1VzBTNjQ3 NlErRlNia1dHSGkwaDlWeVhpdXY1bAp5aDdjcUFhYlZoQlg2ZXloNGtOSAo9cmlETwotLS0tLUVO RCBQR1AgU0lHTkFUVVJFLS0tLS0K --===============5875359052119037806==--