代孕|武汉代孕|代孕|捐卵|代孕|武汉代孕|代孕网||北京代孕|代孕|武汉代孕|代孕|捐卵|武汉代孕|深圳代孕|武汉代孕|捐卵|代孕 武汉代孕 代孕 代孕 Design Archives - nVision42
Select Page
We’ve Moved to Colorado! (Greater Denver Area)

We’ve Moved to Colorado! (Greater Denver Area)

nVision 42 has a new home in Castle Rock / Denver, Colorado – we are very excited to be here! We left the fantastic city of Minneapolis MN to pursue new and exciting opportunities, great new relationships and an active startup community.

nVision is here to help Startups and Non-Profits achieve great visual success at an affordable rate. We are here to design responsive websites and native applications to help modernize your online presence.

Not only does nVision work with startups and non-profits, but we also design and build websites and applications as SAAS solutions – we can’t wait to let you try them out soon!

Microsoft HoloLens

We are also excited to announce that we have a Microsoft HoloLens, we are eager to design and build an innovative augmented experience for your next cutting-edge idea. Feel free to reach out for a demo, we’d love for you to try it out! Learn More…

Let’s Connect!

It’s now time to start building new client relationships in the Denver area, we would like to connect with you over a cup of coffee or a tasty pint of beer to learn more about who you are and what you do. Setup a Time to Meet!

2017 will be an exciting year, let’s work together to design innovative, creative and powerful solutions to grow your business!

Windows 8.1 App Icon Tile Template in Photoshop

Windows 8.1 App Icon Tile Template in Photoshop

The past few days I have been scouring the internet to find a tool to easily create live tile icon assets for Windows Phone 8.1 and Windows 8.1 with very little luck. The only thing even remotely close to what I was looking for is found over on Modern UI Icons website – but this currently doesn’t support Windows 8.1. If you need an icon though, it’s the place to go.

While on my search I also was looking for documentation which even outlines the various sizes of tiles, suggested padding within the tiles, etc. Everything I seemed to find was either out-of-date or incomplete. I hope to add some more detailed documentation in the near future, but I don’t have time at the moment.

So with that said, I have created a really simple Photoshop document with placeholders for all the “required” tile assets for a Windows 8.1 Visual Studio Project.

Here are the steps to generate all your tile assets:

  1. Download the latest Photoshop file from here.
  2. Un-zip the file to your computer.
  3. Open the file in Photoshop (I’m using the latest version of Creative Cloud).
  4. In the “My Assets” folder in the PSD you will see numerous folders, each folder is a “Tile Group” which coincides with your Visual Studio Visual Assets Tab in the manifest file.
  5. Expand the first folder, you will see two layers.
    • 1st Layer is the icon you wan to use (Your logo), you’ll want to remove my layer and drop in your own.
    • 2nd Layer is the “Invisible” layer, basically this layer allows the slice to keep it’s size when you save out the file. There is a 1px border with a 1% opacity setting – it’s un-noticeable when you do the export.
  6. The “Frames” folder when turned on, shows you the general size your icon should be – this is just approximate and you will need to adjust your own icons to fit how you want.
  7. After you have gone through all the folders and swapped out my icon layers with your own, it’s time to hide the folder colored in Yellow.
  8. You will notice that each folder in the My Assets folder has really long titles, these tiles define our file sizes, names and format for each icon by using the “Generator” tool in Adobe Creative Cloud – you can read more about that here. (In theory you shouldn’t need to change these titles)
  9. *Note: This folder “54×54 SmallLogo.scale-180.png, 42×42 SmallLogo.scale-140.png, 30×30 SmallLogo.scale-100.png, 24×24 SmallLogo.scale-80.png” and this folder “256×256 SmallLogo.targetsize-256.png, 48×48 SmallLogo.targetsize-48.png, 32×32 SmallLogo.targetsize-32.png, 16×16 SmallLogo.targetsize-16.png” are in the same slice and use the same Icon. So I’d update one of the folders, duplicate it and then rename the second one to the second title and then delete my folder. (I had to do this because the title was too long for what Photoshop would allow).
  10. Next turn on “Generate Image Assets” by going to “File -> Generate -> Image Assets”
  11. Once you do this it will automatically generate all the required files and drop them into a folder in the same location as the original PSD.
  12. Next, go open up that folder, you will see a bunch of .png files – simply select all, copy them and then paste them into your Visual Studio Project Assets Folder (It will replace a few files).
  13. In Visual Studio, if you open up your project and make sure to include the images you just added into the project. When you open your “Package.appxmanifest” file and click on “Visual Assets” your icons should all show up.
  14. In some cases you may need to go select one of the generated files to populate all the asset sections.
  15. Define your other settings and you should be good to go!

Hopefully this explanation is clear enough, let me know if something doesn’t make sense or if something isn’t working quite right and I’ll update accordingly.

If you appreciate the tool, please consider making a small donation…





I have also created a Windows Phone 8.1 App Tile Template as well, you can check that post out here.

Thanks and Enjoy!

Windows Phone 8.1 App Icon Tile Template in Photoshop

Windows Phone 8.1 App Icon Tile Template in Photoshop

The past few days I have been scouring the internet to find a tool to easily create live tile icon assets for Windows Phone 8.1 and Windows 8.1 with very little luck. The only thing even remotely close to what I was looking for is found over on Modern UI Icons website – but this currently doesn’t support Windows Phone 8.1 yet (Though sounds like it will be updated in the near future). If you need an icon though, it’s the place to go.

While on my search I also was looking for documentation which even outlines the various sizes of tiles, suggested padding within the tiles, etc. Everything I seemed to find was either out-of-date or incomplete. I hope to add some more detailed documentation in the near future, but I don’t have time at the moment.

So with that said, I have created a really simple Photoshop document with placeholders for all the “required” tile assets for a Windows Phone 8.1 Visual Studio Project.

Here are the steps to generate all your tile assets:

  1. Download the latest Photoshop file from here.
  2. Un-zip the file to your computer.
  3. Open the file in Photoshop (I’m using the latest version of Creative Cloud).
  4. In the “My Assets” folder in the PSD you will see numerous folders, each folder is a “Tile Group” which coincides with your Visual Studio Visual Assets Tab in the manifest file.
  5. Expand the first folder, you will see two layers.
    • 1st Layer is the icon you wan to use (Your logo), you’ll want to remove my layer and drop in your own.
    • 2nd Layer is the “Invisible” layer, basically this layer allows the slice to keep it’s size when you save out the file. There is a 1px border with a 1% opacity setting – it’s un-noticeable when you do the export.
  6. The “Icon Size” folder when turned on, shows you the general size your icon should be – this is just approximate and you will need to adjust your own icons to fit how you want.
  7. After you have gone through all the folders and swapped out my icon layers with your own, it’s time to hide the folders colored in Yellow.
  8. You will notice that each folder in the My Assets folder has really long titles, these tiles define our file sizes, names and format for each icon by using the “Generator” tool in Adobe Creative Cloud – you can read more about that here. (In theory you shouldn’t need to change these titles)
  9. Next turn on “Generate Image Assets” by going to “File -> Generate -> Image Assets”
  10. Once you do this it will automatically generate all the required files and drop them into a folder in the same location as the original PSD.
  11. Next, go open up that folder, you will see a bunch of .png files – simply select all, copy them and then paste them into your Visual Studio Project Assets Folder (It will replace a few files).
  12. In Visual Studio, if you open up your project and make sure to include the images you just added into the project. When you open your “Package.appxmanifest” file and click on “Visual Assets” your icons should all show up.
  13. In some cases you may need to go select one of the generated files to populate all the asset sections.
  14. Define your other settings and you should be good to go!

Hopefully this explanation is clear enough, let me know if something doesn’t make sense or if something isn’t working quite right and I’ll update accordingly.

If you appreciate the tool, please consider making a small donation…





I have also created a Windows 8.1 App Tile Template as well, you can check that post out here.

Thanks and Enjoy!

The Nerdery Overnight Website Challenge – Free Bikes 4 Kidz

The Nerdery Overnight Website Challenge – Free Bikes 4 Kidz

On April 12th – 13th, I worked some great folks from Creed Interactive and joined forces to take on the “Nerdery Overnight Website Challenge” as the “Hooded Do Gooders” to help out an incredible non-profit called “Free Bikes 4 Kidz“.

Even though the challenge is over, the voting is not – please take a few minutes to go like our site re-design over on the Nerdery’s Facebook page and also remember to go and vote for the “Hooded Do Gooders” on the other link below to help our team win the “People’s Choice Award”

Go Here!

Like Our Entry: Click Here
Vote for Hooded Do Gooders: Click Here

You can see below the drastic transformation from the existing site to what our team created to help give new life to a fast growing non-profit, hopefully the new site will be live by the end of April. For now you can look at the images below and click on the links to see the fully, interactive sites in their current state.

Original Free Bikes 4 Kidz Website

Current Site: http://www.fb4k.com

FB4K Home Original

New Free Bikes 4 Kidz Website

Development Site: http://fb4k.creeddev.com

FB4K Home New

Like Our Entry: Click Here
Vote for Hooded Do Gooders: Click Here

Open Letter to iOS Designers

Open Letter to iOS Designers

Dear iOS Designers,
You are incredible, you are the best-in-class of designers I have ever seen. My jaw hits the floor every time I look at one of your photo-realistic icons, your attention to detail and your ambition to push the limits of your abilities. I page through Dribbble and see all these beautiful apps you design, some of which are simply concept designs while others end up becoming fully functional, downloadable apps from the App Store and then I realize I’ll never get to use most of these gorgeous apps.

Just look at some of these beautiful designs:

Jeremiah Shaw
infographic-dribbble


Julien Renvoye
screen_shot_2013-01-10_at_9_54_14_pm


Creativedash
soccerball-icon

I would Love to use many of your apps, but I can’t because I am committed to the Windows ecosystem – I have been since before iOS even existed. You are committed to iOS and Apple, others are committed to Android and Google – and that’s awesome – use what works for you – but don’t forget what works for other people (remember there are lots and lots and lots of people on Windows).

Let me ask you this: Why do you design? You Design because you LOVE it!

Ignore the fact that you design for iOS simply because that is your ecosystem of choice and Microsoft is “Evil”, instead start thinking about designing for Windows 8 and Windows Phone as well – design for Windows because you love to design, because you love to experiment and because you love to try new and exciting thingsdo it because it’s FUN.

I know, I know, Microsoft has for decades put designers on the back-burner and never provided us with a platform to truly show-off our design skills, it’s a no brainer that they lost you to iOS and Apple. I was stupid, close-minded and ignorant to the rise of iOS on iPhone and iPad – I flat-out missed it. Don’t make the same mistakes I did.

Forget all of your past history with Microsoft, open your mind and expand your reach into a new and growing incredibly fast ecosystem – I am asking you, begging you, longing for you to come join me and start exploring the idea of designing for Windows 8 and Windows Phone. Even if your ideas never become actual, functioning apps in the Windows Store – at least you gave it some serious thought as to how your apps could actually look – you might be surprised how much you like it!

Windows for designers is changing and changing in a way that you should not continue to ignore.

Modern applications are a designers dream come true and here are just a few reasons why:

  • Beautiful, Elegant Typography
  • White Space is Encouraged
  • Clean, Clutter free Experiences
  • Chromeless Applications
  • Simple, Playful Animations
  • Fast and Fluid Experience
  • Grids – got to love Grids
  • Consistent experience across, desktop, laptop, tablet and phone

It’s time for all of us across all our ecosystems to put down our pitchforks and explore each other’s ecosystems and design because we love to design, design because we like to experiment, design to create new conversations.

Start designing for Windows 8, Windows Phone, Android, iOS and yes even Blackberry – I’d love to start seeing your Windows 8 and Windows Phone work show up on Dribbble and all the countless other sites for designers.

Add links to your work in the comments below and lets what you can create!

Sincerely,
Micah – a fellow designer

Exploring Microsoft’s Modern Design Language

Exploring Microsoft’s Modern Design Language

The “Modern” design language – formally known as “Metro” is Microsoft’s “new” set of design guidelines which has been integrated across many of their software products. Microsoft is just now starting to really push this modern design language as a standard within the company, we can actually see hints of it in some of their older applications like Windows Media Center and the Zune music player – both of these products started the trend for Microsoft to start focusing on elegant design, typography and animation.

Zune HD

Where did this Modern design language come from?

It’s actually influenced on three external foundations:

  1. The Modern Design Movement (The Bauhaus)
  2. International Typographic Style (Swiss Style)
  3. Motion Design

The Modern Design Movement (The Bauhaus)

The Bauhaus movement was geared towards the removing of any extra decorations and ornaments and leaving the focus solely on the purpose and ultimate functionality. This approach to design is distinctly different from what Apple created with iOS which has for the most part relied on a more Skeuomorphism approach. An approach that tries to replicate real world imagery and functionality through realistic ornamental elements.

Here is a good example of from iBooks that shows a Skeuomorphic approach to design with it’s wood grain background, shelves, heavy use of shadows and of course actually showing what looks to be books on the shelf.

Skeuomorphism in iBooks

Take that compared to Kobo Reader on Windows Phone, you can se a striking difference between the two images – the popular new term for this style is “Flat”, we are starting to see many other companies adopt this Flat style. Google’s Android is probably the biggest company outside of Microsoft to adopt this new style – I have to commend them for making their UI much more consistent and clean through flat design.

Kobo Reader

I’m not going to get into the debate on which is “right” Skeuomorphism or Flat Design, I think they both have their advantages and disadvantages and the user simply needs to pick a style they like and join a platform that is attractive to them. I’m a big fan of the flat design style I tend to design towards the functionality rather than an ornamental style.

International Typographic Style (Swiss Style)

The Swiss style emphasizes cleanliness, readability and objectivity with a strong focus on layout and grid systems and the use of bold flat color. You have seen this style of typography almost anywhere that you go, it is used in signage at airports, bus stations the Olympics and many other information dense environments.

Swiss Style Typography

The elegant use of typography in Microsoft’s design language is one of the main reasons I love designing on their platform. It used to be that great typography was only for print design, Microsoft was able to bring it into the digital realm in an aesthetically pleasing and functional way.

As you can see below, Windows 8 and Windows Phone applications are based very strongly on the grid, you can read a lot more about how Microsoft uses the grid here: Laying out an App Page

Grid Unit Structure
Windows 8 Grid Structure

Application Grid Template
Visual Studio 11 Grid Template

In addition to the grid structure, Microsoft has also used big bold colors in their new Modern environment.

Windows 8 Start Screen
Windows 8 Start Screen

Color gives the sense of emotion, attraction and makes it feel more organic as well – especially when the color is used on the hardware itself.

Windows Phone
Nokia Phones

Motion Design

The final and certainly not the last, Motion Design is the third external influence of the Modern Design Language. Similar to Typography, we see motion design everywhere – from the Television and Movies we watch, to digital billboards and scoreboards and of course animations in the applications we use on our phones and computers.

The best Motion design in my opinion is motion that is used in a subtle and simple way, whether it’s a link background color fading in and out as you mouse of it or as various UI elements slide or flip into place as you use your phone.

Wrapping Up

When you take these 3 external influences and pair them up with Microsoft’s five design principles (Pride in Craftsmanship, Fast and Fluid, Authentically Digital, Do More With Less and Win as One) you get a very strong foundation and understanding of how to design for Windows 8 and Windows Phone. We’ll dive deeper into the 5 design principles in our next exploration article coming up soon.

Check out our initial Exploration Introduction Article: Exploring Modern App Design and User Experience