• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Assets resizing to iPhone 7 Plus

Explorer ,
Jan 06, 2017 Jan 06, 2017

Copy link to clipboard

Copied

Hi

In latest update you introduced assets which is very nice, one of them is the UI bar the bar at top of iPhone that shows carrier info and battery charge etc, thing is its for iPhone 7 so when I drop it on iPhone 7 Plus art board, its very small and far from left and right edges and don't know how to scale it and in which proportion ?

How can you help in this task ?

 Visionary & Dreamer

Views

792

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Jan 06, 2017 Jan 06, 2017

Here are the steps I would use:

  1. Copy the status bar from the UI hit
  2. Paste into new iPhone 7 artboard
  3. center the status bar
  4. open the layers panel
  5. select all the right hand art (bluetooth, battery percent, battery)
  6. use shift+right arrow to nudge them 20px to the right
  7. select all the left hand art (signal strength, carrier, wifi)
  8. use shift+left arrow to nudge them 20px to the left

Here's what my app looks like at at 5 (right hand art selected, just about to nudge)

phone.png

Hope that helps and thanks for using XD.


Chr

...

Votes

Translate

Translate
Adobe Employee ,
Jan 06, 2017 Jan 06, 2017

Copy link to clipboard

Copied

Here are the steps I would use:

  1. Copy the status bar from the UI hit
  2. Paste into new iPhone 7 artboard
  3. center the status bar
  4. open the layers panel
  5. select all the right hand art (bluetooth, battery percent, battery)
  6. use shift+right arrow to nudge them 20px to the right
  7. select all the left hand art (signal strength, carrier, wifi)
  8. use shift+left arrow to nudge them 20px to the left

Here's what my app looks like at at 5 (right hand art selected, just about to nudge)

phone.png

Hope that helps and thanks for using XD.


Chris

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 07, 2017 Jan 07, 2017

Copy link to clipboard

Copied

LATEST

Thanks allot, but is there a role for this 20 pt moving ? or some one just figured it out ? I didn't see any helping info in iOS design

sheets which is strange ? another question so how we will do in iPad Mini, iPad 9.7" and iPad 12.9" ?

Thanks allot for your replay.

Kindest Regards

 Visionary & Dreamer

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines