JustUsBoys.com gay porn forum

logo

remove these banner ads by becoming a JUB Supporter.

Page 1 of 2 12 LastLast
Results 1 to 50 of 77
  1. #1
    ZombieKiller
    Guest

    Question about UI design in one of my apps

    Ok, please be honest. And don't be afraid to hurt my feelings. If it looks like shit, tell me.

    One of the apps I'm working on is a tutorial/calculation tool for college engineering students and young engineers. This isn't it, since I hate to let people see my unfinished work. This is part of a menu.


    Click image for larger version. 

Name:	example.jpg 
Views:	63 
Size:	23.8 KB 
ID:	971494

    Should I make the gradient color more professional looking? If so, how? What color do you think will work out better for the background?

    My apps are designed for touchscreen tablets.

  2. #2
    JUB Addict m1thousand's Avatar
    Join Date
    Jun 2013
    Location
    Vancouver area
    Gender
    Male
    Orientation
    Gay
    Status
    Single
    Posts
    2,287
    Blog Entries
    3

    Code of Conduct

    Re: Question about UI design in one of my apps

    How about more masculine colors? The background looks more fitting in an interior design app.

    Good work but that's my advice

  3. #3
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Background color should be basic. Less its more if anything a 2 tone gradient.
    Make a Black Bar where Statics and Dynamics are and write em in white.

  4. #4
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Attachment 971498
    That's a quick example and looks a bit nicer with a bit more simplicity. Obviously can be other color but it was just a quick thing. Hope it helps.

  5. #5

    Re: Question about UI design in one of my apps

    I agree the pastel rainbow isn't appropriate for engineering. I'd try chrome, grays, blues, and black.
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  6. #6
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Gravelord_Nito View Post
    Attachment 971498
    That's a quick example and looks a bit nicer with a bit more simplicity. Obviously can be other color but it was just a quick thing. Hope it helps.
    No picture here.

  7. #7
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps


  8. #8
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Ok, how about like this? It's just 3 lines of codes that I change to change the gradient color, so no biggie. Just tell me what you guys think would look the best.



    - - - Updated - - -

    Quote Originally Posted by Gravelord_Nito View Post
    That looks cool. Did you just draw it out? Or did you take it from something?

  9. #9
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Quote Originally Posted by ZombieKiller View Post
    Ok, how about like this? It's just 3 lines of codes that I change to change the gradient color, so no biggie. Just tell me what you guys think would look the best.



    - - - Updated - - -



    That looks cool. Did you just draw it out? Or did you take it from something?

    I did it myself on photoshop and that looks way better right there sir. NICE
    Last edited by Gravelord_Nito; July 22nd, 2013 at 09:32 PM.

  10. #10
    Banned
    Join Date
    Jun 2012
    Location
    Seattle
    Gender
    Male
    Orientation
    Gay
    Status
    Single
    Posts
    7,196
    Blog Entries
    1

    Code of Conduct

    Re: Question about UI design in one of my apps

    I am more interested in seeing "under the hood" so to speak. The splash page is OK though it could be more dynamic! For example when a user hovers over the bucky balls do they "clack and bounce". I know some would consider those cheesy effects but for this they would enhance things. But, I'm betting the page is pretty static. No pun intended. The problem with a lot of engineering is that is dry to begin with. Your app should help liven it up for an enhanced and possibly more effective learning experience. "Wow ..look at that Frame ...let's make a FBD!!!!"

    LOL

  11. #11
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Gravelord_Nito View Post
    I did it myself on photoshop and that looks way better right there sir. NICE
    Ok, based on your design... the gray around the bridge is because my mouse pointer was over that area.



    - - - Updated - - -

    Quote Originally Posted by cgymike View Post
    I am more interested in seeing "under the hood" so to speak. The splash page is OK though it could be more dynamic! For example when a user hovers over the bucky balls do they "clack and bounce". I know some would consider those cheesy effects but for this they would enhance things. But, I'm betting the page is pretty static. No pun intended. The problem with a lot of engineering is that is dry to begin with. Your app should help liven it up for an enhanced and possibly more effective learning experience. "Wow ..look at that Frame ...let's make a FBD!!!!"

    LOL
    Holy smokes, that's a great idea! Note to self - implement animation in home menu.

    Regarding static or not, the real page for the main app has many more buttons and stuff on the screen. Like I said, I hate to show people unfinished work, so what you're seeing is an early version of my app.

    Each menu (under statics, dynamics, etc.) scrolls horizontally independently of each other. The menu as a whole scrolls up and down to various topics.
    Last edited by ZombieKiller; July 22nd, 2013 at 09:44 PM.

  12. #12
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Looking better try to do the circle buttons and add your images to it on the center and add a push button animation and click sounds and you'll be golden. Also use the grey you had on the other image instead. That will look classy :P

    http://i.minus.com/iR3BWjyDA9LSx.png A quick fix to mine to look similar to the grey color.
    Last edited by Gravelord_Nito; July 22nd, 2013 at 09:51 PM.

  13. #13

    Re: Question about UI design in one of my apps

    I would maybe add some faint engineering blue prints to the background, but in a way that it didn't clutter or confuse.

    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  14. #14
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Gravelord_Nito View Post
    Looking better try to do the circle buttons and add your images to it on the center and add a push button animation and click sounds and you'll be golden. Also use the grey you had on the other image instead. That will look classy :P

    http://i.minus.com/iR3BWjyDA9LSx.png A quick fix to mine to look similar to the grey color.
    Unfortunately, in windows 8 circular or elliptical buttons are not allowed yet. Only square or rectangular. I know how to write the code to make the buttons elliptical or circular, but with that code comes some bugs that I haven't been able to resolve.

  15. #15
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by borg69unimatrix View Post
    I would maybe add some faint engineering blue prints to the background, but in a way that it didn't clutter or confuse.



    Like this?


  16. #16
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Then go for squares. :P

    Edit: You might be into something. Good!

  17. #17

    Re: Question about UI design in one of my apps

    Quote Originally Posted by ZombieKiller View Post
    Like this?

    Yes!! I like it!!! Do you?
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  18. #18
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Gravelord_Nito View Post
    Then go for squares. :P

    Edit: You might be into something. Good!
    Actually, I think I just solved the bug I was talking about. Here is the round button implemented to 1 thing. Compare the circle to the squares and tell me which one you like better.


  19. #19
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by borg69unimatrix View Post
    Yes!! I like it!!! Do you?
    Ya, it looks way better than the rainbow LOL.

  20. #20

    Re: Question about UI design in one of my apps

    I like the circles!
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  21. #21
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Circles definitely

  22. #22
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Ok, all the buttons are now circles. This look ok?


  23. #23

    Re: Question about UI design in one of my apps

    I like it! It's evolved a long way from what you started with!!
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  24. #24
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Ok, added white background to the titles of the chapters so they don't get lost in the background.


  25. #25
    Slut Gravelord_Nito's Avatar
    Join Date
    Nov 2011
    Gender
    Male
    Orientation
    Gay
    Status
    Partnered
    Posts
    199

    Code of Conduct

    Re: Question about UI design in one of my apps

    Looks great now

  26. #26

    Re: Question about UI design in one of my apps

    Much better!! Can you outline them, and the circles with black or blue?
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  27. #27
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Here is another page within the app that I need improvement on.


  28. #28
    JUB Addict m1thousand's Avatar
    Join Date
    Jun 2013
    Location
    Vancouver area
    Gender
    Male
    Orientation
    Gay
    Status
    Single
    Posts
    2,287
    Blog Entries
    3

    Code of Conduct

    Re: Question about UI design in one of my apps

    I like the blueprint

  29. #29
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by m1thousand View Post
    I like the blueprint
    You mean put the blue print in the background? The texts will get lost in it. Too hard to see.

  30. #30

    Re: Question about UI design in one of my apps

    I'm not suggesting you plagiarize, but I do think you're well on your way to developing your own unique style for attractive, interactive interfaces. Use this as an inspiration.

    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  31. #31
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by borg69unimatrix View Post
    Much better!! Can you outline them, and the circles with black or blue?
    Like this?


  32. #32

    Re: Question about UI design in one of my apps

    Yes! That's exactly what I was visualizing. I love it!
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  33. #33
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Do you like the one above or this one that I just made? I've put the chapter titles into the circles.


  34. #34
    Banned
    Join Date
    Jun 2012
    Location
    Seattle
    Gender
    Male
    Orientation
    Gay
    Status
    Single
    Posts
    7,196
    Blog Entries
    1

    Code of Conduct

    Re: Question about UI design in one of my apps

    Quote Originally Posted by ZombieKiller View Post
    Here is another page within the app that I need improvement on.

    Needs to be expanded to n-dimensional of course...then link to autocad drawing showing application....

  35. #35
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by cgymike View Post
    Needs to be expanded to n-dimensional of course...then link to autocad drawing showing application....
    Haha, nice.

    I''ve updated that inner page. What do you guys think?


  36. #36

    Re: Question about UI design in one of my apps

    ^^^^
    That looks very professional, IMO.
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  37. #37
    PerScientiam AdJustitiam bankside's Avatar
    Join Date
    Feb 2008
    Location
    Beware the deepity.
    Gender
    Male
    Orientation
    Gay
    Status
    Married (to a man)
    Posts
    16,572
    Blog Entries
    2

    Code of Conduct

    Re: Question about UI design in one of my apps

    Quote Originally Posted by ZombieKiller View Post
    Do you like the one above or this one that I just made? I've put the chapter titles into the circles.

    The chapter titles should be smaller than the giant bold headings, the same font size as each other, but bigger than in your earlier screen shots. I think you should try them in the "drafting blue" colour, under the circles, just floating with no outline box around them. And like I said just a bit bigger than before.

    Also, most of the user interface is crammed into the top left corner of the screen.

    One of the most annoying things as a computer user is having a 17 inch laptop or a 21 inch monitor at work and some piece of software is designed to look great on a 640x480 screen from 1993.

    The first design at the start of the thread suffered from this problem (why are all the icons stuffed into the top left corner?) But as you updated the design it got better even though things are still kind of biased to the top left corner. The blueprint image kind of fills in the empty space too, which provides visual balance.

    Mostly thought it looks like the empty space at the lower right is there to allow for more icons. Are you going to use the same kind of design again in other places in the app? It would make sense if some other screen will have the same look but more icons. Maybe this is the main index but each chapter will have a screen full of headings? If so then keep the design the same from one screen to another, and use that space in the lower right when you need it.

    But if this is the only screen like this in the app, use more of it.
    Last edited by bankside; July 23rd, 2013 at 05:35 AM.
    Americans need to keep their guns so they can protect themselves from gun violence just like Nancy Lanza did. And like Chris Kyle did. And like Gabby Giffords did. And like Tom Clements did. And like Michael Piemonte. And Joseph Wilcox.

  38. #38
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by bankside View Post
    The chapter titles should be smaller than the giant bold headings, the same font size as each other, but bigger than in your earlier screen shots. I think you should try them in the "drafting blue" colour, under the circles, just floating with no outline box around them. And like I said just a bit bigger than before.

    Also, most of the user interface is crammed into the top left corner of the screen.
    The UI is designed for an 8-12 inch tablet. The screenshot is taken from an ultra high def 24" screen. Also, this is just a very early page. The real page I'm implementing this has more stuff in it. I just don't like to show people unfinished work.

  39. #39

    Re: Question about UI design in one of my apps

    What if, or could you give the buttons a glass texture, and some shadow?

    Examples:



    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  40. #40
    Slut gambit22121's Avatar
    Join Date
    May 2009
    Gender
    Male
    Orientation
    Bisexual
    Status
    Single
    Posts
    274

    Code of Conduct

    Re: Question about UI design in one of my apps

    Do you have to use the clip art in the buttons? I would drop that for just straightforward text in the button.

  41. #41
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by gambit22121 View Post
    Do you have to use the clip art in the buttons? I would drop that for just straightforward text in the button.
    Haha, you don't like my vanishing point?

  42. #42
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    [QUOTE=borg69unimatrix;9006431]What if, or could you give the buttons a glass texture, and some shadow?

    QUOTE]

    Thank you for your effort. I really appreciate it. Couldn't have gotten this far with the design without you. But the glass button is a bit much. I want it to look nice, but I don't want it to look like an interior designer got a hold of it.

  43. #43
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Ok, based on the advices above...


  44. #44
    panegyric JUB Admin Corny's Avatar
    Join Date
    Jun 2003
    Location
    Germany!
    Gender
    Male
    Orientation
    Gay
    Posts
    36,227
    Blog Entries
    12

    Code of Conduct

    Re: Question about UI design in one of my apps

    Ok ,to be blunt .. this started as a disaster.

    Meanwhile you improved a lot though.

    A few pointers:

    - the text is too small
    - don't use italics
    - the icons are too detailed/delicate, should be something simpler
    - "dynamics" is not adjusted to the middle of the black bar
    - the black bar obstructs the background. you could use an opacity gradient to make it a bit smoother
    - the big blue bar is distracting, if this is intentional due to the trial version, you should make it at least smaller (one liner)
    - i don't like the blue circles with the font below. it should be in the circle or you should choose another shape.

    I know how much it sucks to deal with design as a programmer, but it is a neccessity Try to get your hands on a book about UI design to learn a bit about the basics.
    Check out my very own Body Hair Lovers and Photography Groups!

  45. #45
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Corny View Post
    Ok ,to be blunt .. this started as a disaster.
    I know, right? I'm an engineer. There's a saying in our field. If buildings and houses were left to engineers alone, everything would be a cube.

    Meanwhile you improved a lot though.

    A few pointers:

    - the text is too small
    - don't use italics
    - the icons are too detailed/delicate, should be something simpler
    - "dynamics" is not adjusted to the middle of the black bar
    - the black bar obstructs the background. you could use an opacity gradient to make it a bit smoother
    - the big blue bar is distracting, if this is intentional due to the trial version, you should make it at least smaller (one liner)
    - i don't like the blue circles with the font below. it should be in the circle or you should choose another shape.
    Like an ellipse?

  46. #46

    Re: Question about UI design in one of my apps

    Quote Originally Posted by ZombieKiller View Post

    Quote Originally Posted by borg69unimatrix View Post
    What if, or could you give the buttons a glass texture, and some shadow?
    Thank you for your effort. I really appreciate it. Couldn't have gotten this far with the design without you. But the glass button is a bit much. I want it to look nice, but I don't want it to look like an interior designer got a hold of it.
    I'm not offended! I've been known to go too far in art/design myself, and sometimes need an outside critic to reign it in.

    ... and basically, I'm just throwing out idea's. It is ultimately YOUR project, and I fully understand it's up to you to pick and choose the pieces you want. I'm pretty flattered you've taken the advice from me you have. I never expected you to take ALL of it.
    http://www.justusboys.com/forum/signaturepics/sigpic216959_1.gif

  47. #47
    ( ・ _ ・) wha?
    Join Date
    Nov 2004
    Gender
    Male
    Orientation
    Gay
    Posts
    10,391

    Code of Conduct

    Re: Question about UI design in one of my apps

    I'm not sure if this is a troll thread. A rainbow gradient for an app for college?
    (ω`) Dissolve your inner chicken. Voices that say "ah, yes".

  48. #48
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Corny View Post
    Ok ,to be blunt .. this started as a disaster.

    Meanwhile you improved a lot though.

    A few pointers:

    - the text is too small
    - don't use italics
    - the icons are too detailed/delicate, should be something simpler
    - "dynamics" is not adjusted to the middle of the black bar
    - the black bar obstructs the background. you could use an opacity gradient to make it a bit smoother
    - the big blue bar is distracting, if this is intentional due to the trial version, you should make it at least smaller (one liner)
    - i don't like the blue circles with the font below. it should be in the circle or you should choose another shape.

    I know how much it sucks to deal with design as a programmer, but it is a neccessity Try to get your hands on a book about UI design to learn a bit about the basics.
    Hey Corny, is this more to your liking?


  49. #49
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Quote Originally Posted by Paws View Post
    I'm not sure if this is a troll thread. A rainbow gradient for an app for college?
    Yes, I am a troll. Look at all the strong reactions I've gotten in this thread.

  50. #50
    ZombieKiller
    Guest

    Re: Question about UI design in one of my apps

    Here is what it looks like on an 11" tablet screen. Still think the letters are too small?


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Terms of Service | Privacy Policy | About JustUsBoys.com | Site Map | RSS | Webmasters | Advertise | Link to JUB | Report A Bug on this Page

Visit our sister sites: Broke Straight Boys | CollegeDudes.com | CollegeBoyPhysicals.com | RocketTube
All models appearing on JustUsBoys.com were over 18 at the time of photography. The records for sexually explicit images required by U.S. 2257 are kept by the
individual producers of the images. The location of the records is available by clicking the Custodian of Records link at the bottom of each gallery page.
© 2012 JustUsBoys.com. The JustUsBoys.com name and logo are registered trademarks. Labeled with ICRA and RTA. Member of ASACP and The Free Speech Coalition.