Join Paul Trani for an in-depth discussion in this video Using Retina display graphics, part of Designing a Responsive Mobile Website with Muse.
- Not only are there new screen sizes being released…almost on a regular basis,…but these screens are different as well,…because we have more resolution.…Basically a higher density of pixels on these screens…making the graphics look much more crisp.…But what that means to you is that…all these graphics actually need to be made twice.…So usually you have a 2x graphic.…You have your high resolution…and your regular resolution graphic.…Honestly, how would you do that in Muse?…Well, in this case we have this imported graphic…and then also on the Experience page…we have some imported graphics.…
And quite frankly these need to be high resolution.…Well, all you really need to do in Muse…is go to File, into Site Properties,…because Muse will allow you to change your site…to high DPI.…2x image sizes for all the images you've imported.…So I'm selecting that and it will say…it will increase the page loading time…because the graphics are twice the size,…but let's take a look more specifically.…Those different sizes are kind of a....…
These tutorials teach the basics of designing a responsive website in Muse CC 2015. The site you complete in this course will "respond" and look great across desktop, tablet, and mobile. You'll never have to create separate versions of your sites again! And the site is not just responsive. Author Paul Trani also shows how to make it modern and fully functional, complete with Typekit fonts, flexible imagery, a portfolio, social media integration, and even a contact form. All without writing any code.
Unlike creating and maintaining different sites for mobile, tablets, and desktops, with a responsive design you'll only have to update one site. That content changes and adjusts based on the screen it's on—whether it's on a laptop, tablet, or mobile phone. Follow along to learn how images, text, and other content can be made to respond based on the screen size, orientation, and other options. The end result is a gorgeous site that looks great regardless of where it's being viewed.
- Understanding responsive design
- Using images and text in Muse
- Creating flexible ("fluid") and fixed content and layouts
- Adding a portfolio, contact forms, and social media buttons
- Creating tablet and mobile layouts
- Using resolution-independent SVG images
- Uploading and testing the website