Jump to content
You must now use your email address to sign in [click for more info] ×

fernandolins86

Members
  • Posts

    168
  • Joined

  • Last visited

Everything posted by fernandolins86

  1. 1. If you don't use Roboto you will need to bundle OpenSans into your app and have a license to use it in the app. So I suggest you use Roboto which is loaded by the system as default. 2. This is what I mean about the tabs - they're usually on a different color background following the top bar and they only have a bottom border on the selected item - https://material.io/guidelines/components/tabs.html#tabs-usage 4. You'll get used to the sizes eventually. If you design at mdpi scale you get a better feeling of what's big and small. You can find a list of devices and their pixel resolutions here - https://material.io/devices/ 6. It is not clear that you can open a menu sliding from the left edge to the right, in those cases you usually have a "hamburger menu" button/icon to open and close the sidebar, like here - https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior(scroll down until the "Persistent" topic
  2. Hello, that's a good start. Some suggestions I would make (some are actually things for you to consider): The design doesn't use Android's default font (which is Roboto), but instead something like Arial or Helvetica which is closer to iOS. It feels out of place. If this is something related to branding, I would suggest exploring more font weights. When you use horizontal lines above and below elements it makes them look static, like table rows. For example, on the third screen where it says "Mobile Data" and "Wi-fi", I believe those are tabs and you can switch between them, correct? If that is the case, the default Android look for tabs has only the bottom line for the selected tab. The inactive tab shouldn't have a bottom line and neither of them should have top lines... ... Which brings me to the point of why you are not using the standard Material Design controls? Even if you're going to customize the look of the application later I suggest you start by designing with the default Material Design elements so you get the fonts, spacing and controls right. You can find it all at https://material.io/guidelines/website The < and > buttons around "June" and "2016" on the graph screen are far too small to be touched by a finger (usually touch screen controls shouldn't be smaller than 46x46) Are the "RS 497" and similar shapes buttons? They look "tappable" because of the drop shadow. In any case, how do you navigate from screen to screen? I see there's a side menu on the last image, but how do you open it?
  3. Hello, I wanted to create something quite simple for the community, so I thought I'd go back to my realistic icon design days and apply some of my methods in AD. For this I digged out the Battlefield 3 "Accuracy ribbon" design. This was originaly made with 3D software but it's not too hard to replicate in 2D. http://battlefield.wikia.com/wiki/Ribbons/Battlefield_3?file=Accuracy_Ribbon.png The basics are: Import the ribbon image into AD and create a new artboard below it Add guidelines for the sizes of objects and where the background color bands meet Start by recreating the shapes over the original image - the background colors, then the golden circle and the rounded, long squares of the aim Try to select colors similar to what you see on the top image Play around with Outer Shadows, Inner Shadows, Bevel and layering different effects until you have the same feeling of volume Add shadows and other lighting details to the illustrationRemember that 100% black shadows on most objects feel unreal. Try to base the color of the shadows off of the object itself or off where the shadow "lands" Finally use images in Color Burn and Multiply mode inside masks to add the gritty feel to the metals and the fabric texture to the background Play around with the saturation of the colors you chose to find the right spot for added realism. Metals that have been "through war" are not polished therefore they shouldn't shine, they should be dull. Please find the final file attached. The texture images in it are for demonstration purposes only and I do not have rights over them. BF Ribbon.afdesign
  4. It's a good start, the wireframes of the Android app are good, the iOS ones not so much. You should start designing apps by following the Google Design manual and Apple's Human Interface Guidelines instead of going for custom UIs. Their official guidelines provide you the correct fonts, spacing, dimensions, colors and when or how to use each kind of control. The guidelines also dictate the best user experience for each kind of app so that the users don't have to learn how to use and navigate your app. Once you understand these basic rules well enough you can start customizing the UI, but not too much, otherwise the user experience might be faulty. Keep studying and you'll be great at it in no time.
  5. In AD, when exporting through the Export persona, the replace dialogue is quite small and often causes horizontal scroll. Since the checkboxes are all on the right side (which I find strange since on the Preferences and generally, on the web and other apps, they are on the left) it's hard to be sure if you're activating and deactivating the right files, as some part of the path might be hidden outside the scroll. If this window could be resized and keep the resized size between exports and between documents this would be great.
  6. Hi MEB, this is quite cool., thanks! Would be nice, as a future improvement, to have a more direct way to do this instead of the layers panel, like a keyboard shorcut that acts on the selected object, and a contextual menu item. I don't know about the other designers but I only use the layers panel if I need to make masks and check for project hierarchy, so there's very little use. Also there needs to be some visual feedback that you're in "isolation mode", maybe text on that bottom bar that says "Object isolated. CLICK outside it or press ESC key to show all objects" in a different color, an icon somewhere...
  7. It's an ingenious workaround but far from a great solution for the issue. If you try to export this to SVG or if you need someone else to work on your file they'd think you haven't learned to use the vector tools properly :P
  8. AD aligns paths to the edge of pixels, therefore you can't have a 1 pt line that fills exactly 1 pixel within the grid, it is always "half pixel" off. On the top image, a 1 pt high rectangle with fill, below it a 1 pt high path. On the bottom image, same objects in Pixel preview. If I always have to nudge the lines 0,5pt to obtain sharp shapes then I'd rather use the rectangle tool.
  9. This is an issue to me to especially considering that the pen tool is the only other way to make a "line", but it's got no fill.
  10. Boa tarde, MEB, Thanks for the tutorial, I'll make and share a few UI libraries with the community quite soon, I hope! Regarding the scale, If I design at 72 dpi at 1x, the controls look too big since their default size is for Retina screens (144 dpi like the iPad/iPhone templates) (top element). If I scale them from 2x to 1x, they get crammed up like on the bottom of the picture. So I need to redesign these elements at 72dpi so I can use them at 72dpi which is the standard at my job. Thanks
  11. Hello, I have downloaded the iOS UI assets file that comes with AD which is a great showcase of restraints and a great resource, but at my company we design all UI at 1x and the iOS assets are in Retina scale. Scaling doesn't work properly on these assets so I thought I'd make my own collection of UI elements for iOS and Android. How should I save/export the file so that I can import it in the assets panel and use them in any projects? (BTW here's a nice article about the benefits of designing UI at 1x - https://medium.com/shyp-design/design-at-1x-its-a-fact-249c5b896536#.bhxum5ugk) Thanks, Fernando
  12. I guess you design at the main medium's scale and then adjust for other mediums. For example, if your client is a magazine that's going to have its logo mainly on print, you should design for that at first and adjust for other mediums. But if you're designing a logo for a company that makes GPS software for cars and that's their main medium (low/med resolution screens) then you design for that and create versions for other mediums (print and devices). In icon design we create different versions for different screen resolutions so in logo design you should too design different versions for different mediums, color availability, and uses.
  13. +1 for this. Also, in the Font drop-down, if you type the first letter of a font it will go there, but if you press another letter it won't. I believe it's a focus issue on Windows, maybe.
  14. I agree with the request for better AI/PSD export support, but that should come in time in any case, as the tool evolves. Constraints are wonderful and work great 99% of the time - it's a little tricky to figure out that you need to group objects first before changing their constraints, otherwise the vanish from the screen. Regarding the inspect/specs tool: I would rather this to be native because in Photoshop's case its engine says an object is a certain dimension and then the plug-ins will say it is 1 or 2 pixels larger, which is awful. I guess if this was built into AD there would be less issues like that.
  15. I understand how this can be useful in those cases you mentioned, but even if this behavior is kept, it would be great to have a way to permanently reset the bounding box without having to do work-arounds with add/subtract shape or converting to curves. I would prefer to not have the extra step of resetting the bounding box evey time I need to change the object; I find it very disruptive to a visual composition workflow.
  16. I agree that toggling is annoying because if you need to select something else it will go back to the old bounding box and you have to reset it again and again... Not the best process.
  17. Hi MEB, That's a cool tip, thanks. Could I suggest that we have shortcuts for Stroke and Fill colors for multiple selections (group of objects) in the context toolbar since we can change the color for multiple objects at once using the Color palette? I don't see the reason behind treating multiple objects differently than a single instance.
  18. Currently every time I start a new document I have to set the Pressure Controller for a brush manually. Would like to be able to set it as a default either in the Tools preferences or in Edit > Defaults > Save as Default.
  19. Steps to reproduce issue: 1. Select Pen or Shape (Rectangle, circle, etc) tool 2. Select stroke and fill colors 3. Create many shapes with it 4. Select them all 5. On the upper bar only align and distribute actions show up (Next to "N objects") Expected: 6. The upper bar should show fill and stroke colors for selected objects, just like it does when only one instance is selected
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.