You will go through revisions, of course. Larger screens have more screen real estate to handle more detailed information. Once you’re satisfied with the mobile content, you’re welcome to add more to the tablet and desktop version. “Get rid of half the words on each page, then get rid of half of what’s left.” –Steve Krug, Don’t Make Me Think If you’re scrolling through pages and pages of written out content on your phone, you know you need to address that right away.Īlways, no matter what, cut your content significantly. Next, open the doc on your phone to determine if it’s just right or if there is too much of it.
I suggest writing the content for mobile first, write everything out in a Google Doc. While discussing content with your client or your team you will need to think about the content on both small and large screens. This tutorial focuses on the UI side of things, omitting the important UX questions like why certain content was chosen, page goals and so on. That’s exactly how I start all of my projects (for what it’s worth, it’s part of my contract-something I recommend you put into practice too). It is generally good practice to get hold of the content before you start a design project. For this specific one, I’m going to briefly talk about content and wireframes before jumping into the responsive design process in Sketch. Otherwise, let’s get right into creating a responsive design in Sketch! The Basic SetupĮvery design project has some sort of setup.
0 kommentar(er)
