DailyUI #012 E-Commerce Shop (Single Item)
This is the last Daily UI on the blog. As I’ll be posting them on Dribbble and Twitter. Fonts are Oswald and Lato.
This is the last Daily UI on the blog. As I’ll be posting them on Dribbble and Twitter. Fonts are Oswald and Lato.
Flash Message (Error/Success)
Social Share This is the result: Definitely needs more love, but that was the work I could produce in the time I had. What is pictured here is a hover state on the Facebook marker. When hovered, it shows the share count. Same would happen on Twitter and Google+. Maybe later on I can dig into animating… Read more Daily UI #010 – Social Share
Music Player Today’s design challenge is a music player. That task alone could take months of work, so I decided to do a mini-player for the desktop. It features a big album cover and some basic controls. Here’s the result:
404 page I really like jazzy 404 pages. However, I also like them to be straight to the point and very lightweight. Also, I think the “404” code adds absolutely nothing to the user, so I scratched that from the main copy. Fonts used Playfair Display for main header. Lato for copy.
Settings Today’s design challenge is about settings. I created a modal and threw in a few checkboxes. Font used: Lato.
User Profile. Here’s design challenge #006: Font: Open Sans. Foto credit: https://flic.kr/p/avUWXP
App Icon Here’s the result:
Calculator Here’s friday’s design challenge: a calculator. I definitely wanted to polish this a bit further, but I think at this stage I’ve learned quite a bit in the process. I designed it in Sketch so I gained a bit of knowledge of the tool, also used some mockups for OS X components. I wish I had… Read more Daily UI #004 – Calculator
Landing Page (above the fold) That was today’s hint. It proved to be more challenging than previous ones. One of the reasons is because you need to think of a whole concept in which to base your design. A landing page is something that can take hours or days to do right, and I did this in less… Read more Daily UI #003 – Landing Page