Design the look of the Website. #8
Replies: 19 comments
-
|
Found the article I was trying to remember for design guidelines. It's pretty good, particularly regarding text on images and what it calls B&WF. |
Beta Was this translation helpful? Give feedback.
-
|
From jekylthemes.org so far, I like:
Simpler / less portfolioish? |
Beta Was this translation helpful? Give feedback.
-
|
They all are ok @achadwick and could all looks perfect with the Mypaint logo/icon on top, and good screenshot/artworks. I didn't checked within this themes list the one the most lightweight, easy to maintain and using less Js or other heavy effect. The simplier, the better, imo :) |
Beta Was this translation helpful? Give feedback.
-
|
@Deevad Yeah, my goal is to use as less js as possible. Keep it simple like you said. @achadwick With that I've notice, a lot of the of the suggested themes propose for the site are single page style website. It makes the site look unique compared to other art software sites. I've also notice that a few of them require octopress which is a frame work built on top of Jekyll to make switching themes and posting easier. The downside is that they are in a complete rewrite for v3.0. I would like to avoid using octopress until a stable release comes out. That way we avoid transitioning from v2.0 to v3.0. In the mean time, I'll test out v3.0 on my own site since I'm transitioning to using gh-pages. That way it will make applying octopress 3.0 easier when a stable release comes out. Any mockups, and wireframes ideas for the site are welcome. |
Beta Was this translation helpful? Give feedback.
-
|
I found this set of tutorials about building our your own responsive site on youtube. It probably be a good resource to keep handy so I'll link it here for future reference. |
Beta Was this translation helpful? Give feedback.
-
|
(From mypaint/website-old#7) for timelines, I often see layouts a bit like on sites and in theme demos with more responsive disclosure (infinite scrolling...). The timeline is usually a summary of a company's or a person's history. The circles enclose screenshots or graphics that emphasise or augment what the text explains. Circles are pretty and feel friendly. The amount of whitespace in a flow like that is quite appealing too. Would elements like this be easy to do with CSS? |
Beta Was this translation helpful? Give feedback.
-
|
Whilst on the subject of thumbnails, http://d3js.org/ has some nice non-rectangular thumbnails tiled together, as the 1st thing you see hitting the page. Interesting showcase/gallery design. |
Beta Was this translation helpful? Give feedback.
-
|
I also found this article which may help when we finally design the website. https://moz.com/blog/how-to-write-for-the-web-a-new-approach-for-increased-engagement-whiteboard-friday |
Beta Was this translation helpful? Give feedback.
-
|
@achadwick had an idea for the design of the Get Involve in issue mypaint/website-old#9 .
I just wanted to take note of that before I close mypaint/website-old#9 |
Beta Was this translation helpful? Give feedback.
-
|
Found an Article about designing a good landing page. I'm posting it here for my reference. |
Beta Was this translation helpful? Give feedback.
-
|
Hello! I'm a long-time mypaint user, I just checked out mypaint.org for the first time in ages and saw you were looking for website help. I am just learning how to use design tools so I thought I might give wireframing a shot :D check it out My goal was to make the design minimal but present information at a glance (similar to the mypaint philosophy 😀), linking to detailed pages in each section. The black rectangles at the top and bottom could feature community art, which I think would be fun (: (they can also just be empty for extra minimalism!) If there's interest in this simple design I've also worked with templating (not in jekyll but they tend to follow similar patterns) so I can work on the site too. I'm also happy to refine based on your feedback. cheerz \o/ |
Beta Was this translation helpful? Give feedback.
-
|
Oh also! I sneaked a peak at the old lost mypaint.org pages using wayback machine |
Beta Was this translation helpful? Give feedback.
-
|
@daiyitastic Looks like a great start. If you want, you are more than welcome to fork the site and begin experimenting on the design. It's something that we really need to get done this year. I do have a unfinished Wiki that explains a bit. As you can see above, we do have a few ideas of what we liked design wise. I'm sure @achadwick has a few more ideas for the site. From me, I started a thread on our Community Fourms about what my requirements were. You can also see the issue tracker for this site to get an idea of what we are looking for. I help you get assets for the site too from Artwork Showcases(We'll need to ask permission first if its not stated) to Screenshots. I'm also working on making mypaint-tan our official mascot. So basically if you need help with artwork, I can help you there. You can start a Development Thread on our Community Forums if you want feedback from the majority of users of MyPaint. So basically what I'm saying if you are willing to help design our site, welcome to the MyPaint Community Team. I'll help you in anyway I can. |
Beta Was this translation helpful? Give feedback.
-
|
Awesome! It looks from the discussions that ya'll are interested in heavily featuring art from the community in the website. I think this is super awesome, but I would hesitate from this idea from above, as hiding text behind a mousehover is not very accessible. Best to do it in a dedicated gallery, I think! I've forked the project and started setting up stuff here: https://github.com/daiyitastic/mypaint.github.io (: Just got the jekyll stuff up to date for now and dumped a bunch of info on the splash page! (Don't look at the css writing, it's super bad and I'm embarrassed but I'm just trying it get it out there \o/) I saw that it's now possible to put jekyll themes into separates repos, and that's how I initially set up the project. However, git submodules are kind of annoying so I merged the theme files back in for now. |
Beta Was this translation helpful? Give feedback.
-
|
Okay I added your fork as a remote on my local machine. If you want, you can add me as an collaborator so I can help out. We'll probably want to add MyPaint's Wiki as a Submodule since I do plan on having as part of the website too. I guess once the design is finish. We can isolate the theme and make it's own github repo under the MyPaint organization. So then in the end we'll have three different repositories which will be the Theme, the core site, and MyPaint's Wiki. Then we'll use Travis-CI have it tested and build the static site. It will be either transfered to an independent server, or well just create a new repo and have github pages serve it. That way we can update or change the theme without it messing up the core site itself in the future. |
Beta Was this translation helpful? Give feedback.
-
|
That sounds like a great setup (three repos, theme/site/wiki)! The way I set up the theme files will make it easy to extract it into its own project 👍 Also +1 to travis! I'll get the basic skeleton of the site set up and then refine the typography, then look for art contributions. Do you all have a irc or discord or slack that you hang out in? :D |
Beta Was this translation helpful? Give feedback.
-
|
We do have an IRC channel on freenode at #mypaint that I hang about in the mornings(PST) and late evenings. I'm working on spinning up a mattermost server for the community in general, but I need to get things done on the admin side before I can do that. I also use Telegram a bit too. |
Beta Was this translation helpful? Give feedback.
-
|
Hey, I saw the link to my old Mypaint webdesign was broken when I reread this thread bumped this morning. So, I uploaded a new link (hopefully more stable for the coming next years): |
Beta Was this translation helpful? Give feedback.
-
|
Hi David, nice to see you around -- it was hard not to see your name while making the new website. Thanks for updating the link |
Beta Was this translation helpful? Give feedback.
-
This so far what we discussed about the websites design.
@Deevad manage to found backups of it's current theme back in 2011 in mypaint/mypaint#496.
He also suggest we could use this theme and build upon that.
It looks good so far to me,but when I switch to its mobile navigation menu, it looks really ugly so we'll need to work on that. Like I replied, We'll use a lot of the old assets that @Deevad had backups of, and We'll use some screenshots from mypaint/mypaint#149 to give it an updated look.
Here's what @achadwick had to say bout design of mypaint's website on mypaint/website#2
And I replied:
From all the information you guys gave, you are looking for a end to end web page, that point's to everything that we have in the community. Basically a portfolio for MyPaint with the front page highlighting the key features. I'll keep in mind both GIMP and Krita webpages as references. If you guys have any ideas for the design for the site, let me know down below.
Also if any artist wishes to have their artwork featured on the website, leave a comment down below with link to the artwork. The artwork also needs to be on at least a CC BY-NC to be compatible to the website.
Beta Was this translation helpful? Give feedback.
All reactions