Join Paul Trani for an in-depth discussion in this video Using fonts and text, part of Designing a Responsive Mobile Website with Muse.
- Now, when it comes to fonts and typography,…there's a lot you can do in Muse.…As I double-click on the homepage and enter in here,…first off, I'm noticing, I want this text to be white,…just to make it stand out.…You can change the color of any text.…That's pretty straightforward right there.…In fact, individually, I can jump in…and start to change individual characters,…such as that plus sign to red, like I'm doing right now,…just to make it match my logo.…I can do something like that.…Okay, so there is a lot I can do.…In fact, you can even go into Effects…and start to add a little bit of a drop shadow,…just to set it off from the background.…
And I'll change that distance to zero…so it makes it stand out on all sides.…So it's very subtle, but I like that look.…I'm still not crazy about the fonts.…In fact, if I select the text tool -- I can select this text…but you can see right in here, I have some standard fonts…and then some system fonts export as images.…This is a big no-no, basically,…because we don't want our text to be images,…
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