View allAll Photos Tagged UI
An easy on the eyes UI kit best used for a coffee shop, bistro or pastry website. An easy pick if you want your website to make an amazing impression. It comes with 100+ elements in 6 different categories that will help you knock your website out of the park.
A preliminary sketch of an idea I had for the Stonepath UI last night.
The full interface fits in a portable screen size, to be (mostly) read from iPhone or Pre screens. The UI could also fit in a Firefox sidebar, which would be very available while working on projects. A fuller UI would be aware that more width is available on screen, and would keep the main context visible in a left-side pane while expanding details into the page to the right.
I have ideas for time tracking and estimation too, but I need to sketch them yet. Basically draggable clocks that increase the time as you drag. If you click, they start a timer that can be interrupted by setting times for other tasks. The present task timer appears on the dashboard (for which I might want to add a direct "home" button on the toolbar). It might also be possible to focus the time icon (by pressing tab or a hotkey) and then typing a time. Estimates could work similarly.
Everything could also be manipulated by the command-line. To add time: "/time :20 {project} {task completed}" To switch projects: "/project {project}" Slash commands autocomplete, and then autocomplete based on the available parameters, so switching to a project that starts with "D" could consist entirely of the keypresses "/ p {tab} {space} d {tab} {enter}"
Wondering what Stonepath is? redalt.com/blog/stonepath-initiation
no soi regia pero al menos no me photoshopeo para parecerlo 8-) como kien? aaa em :Z ahora si revivire mi flickr creo :$ kljasd xd no se....
saldre del colegioa las 5 qe aaaa qe peor qe eso :(
Reel Security Corp. (reelsecurity.com)
See Details here: www.behance.net/gallery/REEL-SECURITY/1198185
The grey color indicates loading progress, black is the position within the overall sound.
This UI was inspired by the original iPhone's iTunes "preview" interface design.
Frame :*SURLY* cross-check
Headset :*CHRIS KING* nothreadset
Rims:*VELOCITY* nobs rim
Tire :*BRUCE GORDON* rock n' road
Brake Lever :*DIA-COMPE* ss-6 brake lever
Brake :*PAUL* neo retro × touring canti
Handle :*SIM WORKS* little nick bar
Saddle :*SELLE ITALIA* flite 1990 saddle
Seat post:*NITTO* S65
Stem :*NITTO* UI-31 stem
Grip :*WTB* original trail grip
Pedal :*MKS* XC-III bear trap pedal
Today the Android stencils kit from UI Stencils arrived www.uistencils.com/products/android-stencil-kit. Should come in pretty handy. And it seems, that they used some of our www.androidicons.com icons. I’m proud.
An easy on the eyes UI kit best used for a coffee shop, bistro or pastry website. An easy pick if you want your website to make an amazing impression. It comes with 100+ elements in 6 different categories that will help you knock your website out of the park.
Firefox 3.0 has been out now for a short while and I have to say that it's pretty good. I made sure to install it onto my computer at work right away and of course there's no comparison to internet explorer which blows many-a-goat. However, it's taken me until tonight to upgrade to 3.0 on my macbook pro. I normally only use firefox on my MBP to check a certain bank account that does not recognize safari and insists upon firefox. Anyway, in the spirit of giving the new software a chance, I downloaded and installed which was a fairly painless process. It automatically helped me upgrade my piclens, and adblocker add-ons and migrated my old bookmarks seamlessly. So far it seems fast on the web, and I hear those old nasty memory leaks from 2.0 are gone (although I'll believe it when I see it), but I can't get over how ugly and wasteful the ui is.
I'm not sure where to start on this one. First thing that jumped out at me was the mismatching (in color AND gradient) bookmark toolbar. It's probably the same gradient as the bar above it, but it's compressed into a third in the Y direction and is visually jarring. Then there are the out of date round corners around all the buttons and input boxes. I mean, that was the kind of thing that was cool when 'skins' were all the rage. Just take a look at windows media player, so many curves and bulges it doesn't know where it's going. The font is also very sloppy. It's on the cusp of being too bold…or is it just fuzzy around the edges? I can't tell. Either way it's not too readable. But probably my biggest pet peeve of all time for any program anywhere, especially browsers, is wasted space. You can see in the screenshot that the fully expanded safari navigation, bookmark bar, and tabs take up less space than firefox in the default 'small icon' mode. Also, the aforementioned rounded buttons make for a lot of wasted space between them, and on top of that they're not even necessarily evenly spaced. Included in this space waster category is the tab bar, why are there gaps between tabs?! Okay, so maybe if I have one or two open and there is extra space can there be gaps, but if I have more tabs than will fit in the bar shouldn't the gaps go away? Nope. Apparently not.
Anyway, I can already hear you saying: "well the beauty about firefox is that you can make/install a custom 'theme' (read: skin), and make it look however you desire." …True. But if that's the case shouldn't the default theme be so bare bones, tiny, but still functional? And besides, I'd just look for a theme that makes it look like safari anyway.
I think I'll just stick to the real Safari for now.
HSL 1832 passeert Rotterdam Noord met een fraaie beladen BLG autotrein met fords richting de sloe 7-6-15
Frame:*SURLY*disc trucker PAINT by COOK PAINT WORKS
Headset:*PHILWOOD* 1 1/8 headset
Wheels:*VELOCITY* blunt ss rim × *SHIMANO* Deore disk hub
Tire:*SCHWALBE*marathon
Brake lever:*PAUL* love lever compact
Brake*AVID* bb5
Crankset:*WHITE INDUSTRIES* eno single speed crank
Pedal:*BLUE LUG* panda pedal (foot)
RD:*SHIMANO* Deore
Handle:*NITTO* B356 M's bar
Grip:*BROOKS* slender leather grip
Stem:*NITTO*ui-31
SeatPost:THOMSON* elite seatpost
SeatClamp:*PHILWOOD* seat post collar
Saddle:*BROOKS* b17 standard
Rear rack:*SURLY* nice rack rear × WALD* 139 basket
Fender:*HONJO*
Prototype design is an essential part of software developing, no matter you are a UI or UX designer, many people have the work of making a prototype. But, what’s the difference between UI and UX designers? Here, let me tell you the three differences that I have noticed.
1. The core they care
The most important difference between UI and UX designers is that they have a or the different understanding of prototyping. Many UI designers believe the prototypes should be hi-fi model, sometimes even mix the spurious with the genuine.
However, for the UX designers, fidelity is only one point for concerning, they care more about logic. Simply speaking: when you’re going to meet your customers, please take the design made by UI designers. When you’re going to meet the programmers, you should have a second thought and take the prototype made by UX designers.
The reason is really simple too. UI designers pay more attention to the interface, front end. But UX designers prefer the back end, they need to be logical.
2. The color they use
Because UI and UX designers have different understanding of prototype, this also brings the differences between UI and UX designers. UI designers usually use the image they have already designed, and these images are more vivid. When a UX designer tries to make a prototype, he would care that much about the beautiful colors, instead, there are generally only three colors in prototype design: black, white and gray.
This difference can be seen commonly on the designing and using of icons. For example, when you need to create a bottom navigation bar, UI designers will spend lots of energy to make everything more specific, including the button color before and after clicking. On the contrary, UX designers would put the button at the right place, then leave a note: Gray after clicking.
3. The tool they choose
Since there are so many differences between UI and UX designers, the tools they use must be different. For UI designers, it will be wonderful if they could use the images they have designed. Hence, tools like Flinto and Principle which are bounded to Sketch have already took the advantage. InVision is also doing really good at this point, the team collaboration function makes them even better.
I’m afraid that UX designers wouldn’t love those, they always start with wireframe, that will save time and make the design more efficient. There are lots of qualified prototyping tools: Mockplus with easy and visible operation, Balsamiq with sketch style, and Axure with comprehensive functions. What’s more, there’s a unique strength in Mockplus, it has 8 ways to test and preview the projects. This is helpful in the testing.
There are too many differences between UI and UX designers, here I just post three of them during the prototype designing. If you are interested in this kind of topic, please read this one for more information, UX vs UI vs IA vs IxD: 4 Confusing Digital Design Terms Defined. It’s more about UI and UX designers job description.
More thing to say
At this point, I’m thinking about something else: here I said in prototype design, but it seems that there is a problem, the visual renderings made by UI designer, is that a prototype? One step further, what is a prototype? Wireframe? Interaction? Visual renderings? PRD? Flow chart? All of the above? None?
If you have any thought, please let me know