Re: [IPFire Artwork] PSD from new Homepage

22 Mar 2017


      I've copied the current Homepage design from Photoshop to Sketch to speed
up in the future. Same with the styleguide/pattern library.
Next step is to design the key viewports for the homepage. Already started
with that. I'm pretty busy in the evenings with private stuff like home
improvements and annoying things which needs to be done.
Furthermore I had the idea to create a Slack channel for a more comfortable
collaboration with Sven. Discuss and share stuff very easily and fast. I
have very good experience with that tool during the last ~2 years.
What do you think Michael, would you sign up and create a IPFire Slack
channel? The free basic version is totally enough.
Best,
Maurice
Am 22.03.2017 6:24 nachm. schrieb "Michael Tremer" <
michael.tremer@ipfire.org>:
...
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: https://getbootstrap.com/css/#grid-less so
we
...
have complete control.
Greetings,
Sven
...
On 15 Mar 2017, at 14:37, Maurice Gesswein zerpixelung@gmail.com
wrote:
...
...
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
...
...
-width/
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@i
...
...
...
pfire.
...
...
> 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
> >
>

2024

2023

2022

2021

2020

2019

2018

2017

2016

Re: [IPFire Artwork] PSD from new Homepage