Chief Deflumuxer
My dear sweet Millie, may she play peacefully over on Rainbow Bridge
"It's gonna take love and a light to save us all"
Posts: 233
Threads:
Likes: 120
Member is Offline
|
Post by Azayles on Oct 14, 2015 16:07:17 GMT -5
|
|
I don't trust people who don't have hobbies
Posts: 53
Threads:
Likes: 28
Member is Offline
|
Post by synthtec on Nov 6, 2015 17:29:06 GMT -5
I personally create prototypes for the layouts, I tend to concentrate on that more. A nice design is cool and all but if the layouts is wrong, or your making it up as you go along then you are leaving yourself open to alot of coding torment. This is something I'm prototyping for mattyboo1 as I promised to help him create a theme for proboards. The design itself is irrelevant(I might not like those colors or images tomorrow) but what is important is the blocking of the layout. The "lorem Ipsum text" should be replaced with your real text but it is good enough for prototyping. Once all my prototypes are done(mobile,tablet,web) and I'm happy, then coding becomes clear as all of the design decisions have been made. Of course I may want to change something further into development but this would be minor compared to if I had to come up with something on the fly. In the example below I am designing the mobile layout first, as the framework I use is mobile first, I am using PhotoshopCC and the artboard features it has to create different layouts in one PSD. All UI elements, colors, icons etc are used as "smart objects", so If I update the smart object all the clones(I might have in 10+ different artboards) will update in sync.  |
|
Owner/Founder
Posts: 743
Threads:
Likes: 227
Member is Offline
|
Post by Teg on Nov 6, 2015 18:05:36 GMT -5
synthtec, that's cool  though, this thread is for ideas for themes to be designed for our forums theme database and the PB database  But, I really like your process!
|
|
I don't trust people who don't have hobbies
Posts: 53
Threads:
Likes: 28
Member is Offline
|
Post by synthtec on Nov 6, 2015 18:21:40 GMT -5
No problem, I was just suggesting a way you might approach any new themes you create, the image was just for reference. Feel free to move/re-move it.
|
|
Owner/Founder
Posts: 743
Threads:
Likes: 227
Member is Offline
|
Post by Teg on Nov 6, 2015 18:52:03 GMT -5
The problem is ProBoards has an automatic mobile version and all you can do is change the colors. If we could find a way to override that, it would be sweet  |
|
I don't trust people who don't have hobbies
Posts: 53
Threads:
Likes: 28
Member is Offline
|
Post by synthtec on Nov 6, 2015 19:09:58 GMT -5
TegI have done proboard mobile themes in the past. Yes, the extra step of clicking on the "Desktop" link is a little annoying but it works. If you are on a mobile device and select "Desktop", you can use "media queries" to change the layout based on your device width; I wouldn't want to write out all of the media queries used for setting up a grid, which is why I use foundation framework. All you need to do is then make sure the "viewport" meta tag is in your <head> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="sylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css" />
</head>
|
|
Owner/Founder
Posts: 743
Threads:
Likes: 227
Member is Offline
|
Post by Teg on Nov 6, 2015 19:39:59 GMT -5
Thanks, I'll have Azayles look into this for 1.5. Though, the current theme, in desktop mode, looks good. |
|
Posts: 22
Threads:
Likes: 2
Member is Offline
|
Post by mattyboo1 on Nov 7, 2015 1:12:47 GMT -5
I personally create prototypes for the layouts, I tend to concentrate on that more. A nice design is cool and all but if the layouts is wrong, or your making it up as you go along then you are leaving yourself open to alot of coding torment. This is something I'm prototyping for mattyboo1 as I promised to help him create a theme for proboards. The design itself is irrelevant(I might not like those colors or images tomorrow) but what is important is the blocking of the layout. The "lorem Ipsum text" should be replaced with your real text but it is good enough for prototyping. Once all my prototypes are done(mobile,tablet,web) and I'm happy, then coding becomes clear as all of the design decisions have been made. Of course I may want to change something further into development but this would be minor compared to if I had to come up with something on the fly. In the example below I am designing the mobile layout first, as the framework I use is mobile first, I am using PhotoshopCC and the artboard features it has to create different layouts in one PSD. All UI elements, colors, icons etc are used as "smart objects", so If I update the smart object all the clones(I might have in 10+ different artboards) will update in sync. Hey I found this post while looking at my proboards dashboard. looking good so far, I can't wait to see the completed theme! |
|
|
|
Post by Deleted on Nov 7, 2015 14:36:49 GMT -5
How about go all out retro? A theme that looks like windows 98, or even better, 3.1 Maybe even a theme that looks like all those Geocities sites we used to have (remember those?!) complete with flashing GIFs and broken link images Yass. maybe some different colour themes. Ya know? |
|
