Hi Tom, the first thing to consider is screen size. Taking common smart phones this can be from 240x320 (QVGA) up to full 1280x720 (720P) HD. The latest Android phones are now 1280x1080!!
Now you have to consider what you aim for, it needs to work tolerably on the lowest res and also on the highest. Given the way that Courselab works and is rendered a dynamic layout isn't going to work, we're limited to static layouts.
So something 320 wide would be a starter.
Content would mostly text with a few images now the images would be optimised to fit the page, so scaled down first not using the image properties. Text could be held in paragraph objects which can have their size constrained and overflow content scolled with scroll bars.
Try sketching out some layouts on scale screens (paper templates), check how they look on the smallest to the largest screen sizes.
Once you have thought this out ask again about how to clamp the display size used in courselab so you can try some actual design work.
Hi Tom, the first thing to consider is screen size. Taking common smart phones this can be from 240x320 (QVGA) up to full 1280x720 (720P) HD. The latest Android phones are now 1280x1080!!
Now you have to consider what you aim for, it needs to work tolerably on the lowest res and also on the highest. Given the way that Courselab works and is rendered a dynamic layout isn't going to work, we're limited to static layouts.
So something 320 wide would be a starter.
Content would mostly text with a few images now the images would be optimised to fit the page, so scaled down first not using the image properties. Text could be held in paragraph objects which can have their size constrained and overflow content scolled with scroll bars.
Try sketching out some layouts on scale screens (paper templates), check how they look on the smallest to the largest screen sizes.
Once you have thought this out ask again about how to clamp the display size used in courselab so you can try some actual design work.
