FreeCAD Website Design
Forum rules
Be nice to others! Respect the FreeCAD code of conduct!
Be nice to others! Respect the FreeCAD code of conduct!
- Joel_graff
- Veteran
- Posts: 1949
- Joined: Fri Apr 28, 2017 4:23 pm
- Contact:
Re: FreeCAD Website Design
After looking at the github example again, I might suggset a couple small changes:
1. Ensure that the top logo portion fills the screen entirely (I can see the graphic for the next section show up at the bottom a bit)
2. Clip out the FreeCAD UI in the images, just showing the models themselves - if only because it looks cleaner. Maybe use a shadow or contrasting border to offset it from the background
3. Scale the images a bit smaller - the text is kinda pushed to the side and looks cramped.
4. Increase the size of the text font.
1. Ensure that the top logo portion fills the screen entirely (I can see the graphic for the next section show up at the bottom a bit)
2. Clip out the FreeCAD UI in the images, just showing the models themselves - if only because it looks cleaner. Maybe use a shadow or contrasting border to offset it from the background
3. Scale the images a bit smaller - the text is kinda pushed to the side and looks cramped.
4. Increase the size of the text font.
FreeCAD Trails workbench for transportation engineering: https://www.github.com/joelgraff/freecad.trails
pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
Re: FreeCAD Website Design
Thank you all for the feedback.
Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
I have modified the features section to include experimental CFD, BIM, and Geodata workbenches. Let me know if it is alright now.kkremitzki wrote: ↑Fri Jul 20, 2018 10:06 pm At first I had written up quite a bit of feedback about what might be improved but instead I think it's better as-is. The only bit left worth mentioning is that for the text under "AND MANY MORE GREAT FEATURES", it would be nice if you included stuff about the experimental CFD, BIM, and Geodata workbenches and how FreeCAD also has potential to be a real Swiss Army knife of a general-purpose engineering toolkit. However, the fact that the copy is all pretty succinct is one thing I like about it, so pick out of my suggestions whatever changes you may.
I have now added the credits in the footer.
Its possible that display resolution is the cause of this. I have modified the code to allow scaling of the text and the top logo section. Let me know if it's fine now. I would be great if you can also mention your monitor resolution, on my laptop display I do not encounter this issue.Joel_graff wrote: ↑Sat Jul 21, 2018 5:01 pm 1. Ensure that the top logo portion fills the screen entirely (I can see the graphic for the next section show up at the bottom a bit).
3. Scale the images a bit smaller - the text is kinda pushed to the side and looks cramped.
4. Increase the size of the text font.
The problem is that some screenshots are not high resolution and have different aspect ratio and cropping it further reduces the quality. I have cropped the images, so let me know if it looks fine. Some lower resolution screenshots have been replaced.Joel_graff wrote: ↑Sat Jul 21, 2018 5:01 pm 2. Clip out the FreeCAD UI in the images, just showing the models themselves - if only because it looks cleaner. Maybe use a shadow or contrasting border to offset it from the background
Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
- kkremitzki
- Veteran
- Posts: 2511
- Joined: Thu Mar 03, 2016 9:52 pm
- Location: Illinois
Re: FreeCAD Website Design
Sure, looks good.AR795 wrote: ↑Sun Jul 22, 2018 7:39 amI have modified the features section to include experimental CFD, BIM, and Geodata workbenches. Let me know if it is alright now.kkremitzki wrote: ↑Fri Jul 20, 2018 10:06 pm At first I had written up quite a bit of feedback about what might be improved but instead I think it's better as-is. The only bit left worth mentioning is that for the text under "AND MANY MORE GREAT FEATURES", it would be nice if you included stuff about the experimental CFD, BIM, and Geodata workbenches and how FreeCAD also has potential to be a real Swiss Army knife of a general-purpose engineering toolkit. However, the fact that the copy is all pretty succinct is one thing I like about it, so pick out of my suggestions whatever changes you may.
No problems spotted here on either mobile or desktop!Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
Re: FreeCAD Website Design
I am glad to hear that.
Re: FreeCAD Website Design
Nicely done!
Looks good on Firefox 52.9.0, 32-bit.
Looks good on Firefox 52.9.0, 32-bit.
Re: FreeCAD Website Design
very nice and working fine also on mobile platform!AR795 wrote: ↑Sun Jul 22, 2018 7:39 am Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
- HarryGeier
- Veteran
- Posts: 1231
- Joined: Mon Jul 10, 2017 12:36 pm
- Location: Hof Germany
Re: FreeCAD Website Design
Looks very good.
2 Thoughts:
1: The design is quite a bit away from WIKI and Forum.. so the jumping when clicked is a bit a shocking effect..maybe wiki and forum need some tuneup later..
2: I would not jump into Forum Showcase, but add another static page with screenshots and probably link them to their posts...
just thoughts...
2 Thoughts:
1: The design is quite a bit away from WIKI and Forum.. so the jumping when clicked is a bit a shocking effect..maybe wiki and forum need some tuneup later..
2: I would not jump into Forum Showcase, but add another static page with screenshots and probably link them to their posts...
just thoughts...
Kaum macht man´s richtig , gehts´s
My Video Tutorials on Youtube: https://www.youtube.com/channel/UCoe3B ... p8Q/videos
My FreeCAD Stuff on Hidrive: https://my.hidrive.com/share/qr3l1yddy6#$/
My Video Tutorials on Youtube: https://www.youtube.com/channel/UCoe3B ... p8Q/videos
My FreeCAD Stuff on Hidrive: https://my.hidrive.com/share/qr3l1yddy6#$/
- Joel_graff
- Veteran
- Posts: 1949
- Joined: Fri Apr 28, 2017 4:23 pm
- Contact:
Re: FreeCAD Website Design
I looked at it again. On a widescreen 1080p monitor, it looks really good. Just cleaning up the images really gives it a much cleaner aesthetic!AR795 wrote: ↑Sun Jul 22, 2018 7:39 am Its possible that display resolution is the cause of this. I have modified the code to allow scaling of the text and the top logo section. Let me know if it's fine now. I would be great if you can also mention your monitor resolution, on my laptop display I do not encounter this issue.
FreeCAD Trails workbench for transportation engineering: https://www.github.com/joelgraff/freecad.trails
pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
Re: FreeCAD Website Design
Very good points indeed, it made me go back and compare both pages, and I was wondering,HarryGeier wrote: ↑Mon Jul 23, 2018 6:48 am Looks very good.
2 Thoughts:
1: The design is quite a bit away from WIKI and Forum.. so the jumping when clicked is a bit a shocking effect..maybe wiki and forum need some tuneup later..
2: I would not jump into Forum Showcase, but add another static page with screenshots and probably link them to their posts...
just thoughts...
Something I tend to like about the current page is that everything fits in one page, so you can't miss something out,
On the current design you have to scroll down, before anything is revealed, so if you are just a tad bit a little lazy you wont see what you are looking for it if is hidden way down below.
So it's a bit of a mixed feeling for me there, hard to chose, so I might let others throw in a few thoughts on the matter as well.
- Attachments
-
- Screenshot from 2018-07-23 09-01-39.png (738.13 KiB) Viewed 1292 times
-
- Screenshot from 2018-07-23 09-01-13.png (505.94 KiB) Viewed 1292 times
Re: FreeCAD Website Design
If you want images you need the scroll. Or you can go for transitions...regis wrote: ↑Mon Jul 23, 2018 1:05 pm Something I tend to like about the current page is that everything fits in one page, so you can't miss something out,
On the current design you have to scroll down, before anything is revealed, so if you are just a tad bit a little lazy you wont see what you are looking for it if is hidden way down below.
So it's a bit of a mixed feeling for me there, hard to chose, so I might let others throw in a few thoughts on the matter as well.
https://cdn.dribbble.com/users/973926/s ... _-_ice.gif
https://cdn.dribbble.com/users/973926/s ... e_firm.gif
::bitacovir::
==================
One must be absolutely modern.
Arthur Rimbaud (A Season in Hell -1873)
Canal Youtube Grupo Telegram de FreeCAD Español
My personal web site
My GitHub repository
Mini Airflow Tunnel Project
==================
One must be absolutely modern.
Arthur Rimbaud (A Season in Hell -1873)
Canal Youtube Grupo Telegram de FreeCAD Español
My personal web site
My GitHub repository
Mini Airflow Tunnel Project