New subject: PSD from new Homepage

15 Mar 2017


      Hey Sven,
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.
http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter...
...
From my point of view it looks like you just need to change this:
.col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {
...
padding-right: 15px;
  padding-left: 15px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
to this:
.col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {
...
padding-right: 12px;
  padding-left: 12px;
}
.row {
  margin-right: -12px;
  margin-left: -12px;
}
That would help me to follow consistent UI metrics.
Best, Maurice
On Tue, Mar 14, 2017 at 3:52 PM, Michael Tremer michael.tremer@ipfire.org
wrote:
...
It would be nice to keep the conversation in English since there are people
reading our mailing lists who don't speak German.
I know it might be a little bit complicated in the beginning but I am sure
we
will all get used to it :)
-Michael
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
überflüssig wenn
...
du sowohl Grid als auch Pattern Library aufbaust?
In wie weit wir die Pattern Library über alle Projekte teilen sollten wir
sehen wenn die Webseite steht, da die im Moment Priorität hat.
Freu mich auf die Zusammenarbeit.
Grüße,
Sven
...
On 14 Mar 2017, at 14:25, Maurice Gesswein zerpixelung@gmail.com
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 lot.
@Sven
Hey Sven, nice to meet you :)
I just want to give some information beforehand. You may already know
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) and
are
...
...
Atomic Design driven. Touch Targets are at least 48x48px. In some edge
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 follow 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 you
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 Pattern
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 <
michael.tremer@ipfire.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 now!
...
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
<michael.tremer@ipfire.
...
...
...
org>
...
wrote:
...
Hi,
to send emails to the list, you just need to email to
ipfire-artwork@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

Re: [IPFire Artwork] PSD from new Homepage