Headquarters
Kika Marketing & Communications Inc.
info@kika.ca
306-1067 Granville Street
Vancouver , British Columbia , V6Z 1L4 Canada
604.628.8726

Blog

View our recent blog posts here.

Rise of the Screen Design Tools

The design industry is currently experiencing a major shift when it comes to designing user interfaces for clients. For years, everyone has been using Photoshop and Illustrator when creating designs. It’s a standard workflow that we’re still using up to this day. But with the constant changes in mobile computing and the different design specifications required for the growing list of devices, the industry needs a more “specialized” tool for the job.   There are 3 major software companies that are currently offering their own application designed for creating UI/UX - and we’ve used all of them. All 3 are blazingly fast due to a more focused toolset and less feature bloat present on current design tools. They also have their own unique feature set that separates them from the rest of the applications on this list. Sketch   Sketch has been around for quite some time now and It’s one of the first and most popular design tools available. It’s a vector program that lets you design for almost every major device available. It’s latest update now also allows you to create interactive prototypes right inside the app without any plugins.     One of the powerful features of sketch not currently available on any app is its plugin system. It allows users to extend its functionality through the use of open source 3rd party plugins. This allows sketch to have new features not available on the default installation.   The only drawback of the app is it’s only available exclusively for the mac and there are no plans to release it on the windows platform. Adobe XD   Adobe also released their own screen design focused app that will replace Photoshop and Illustrator when designing user interface and experiences. Dubbed as “Project Comet” when it was first announced, It is now getting widespread attention due to some amazing features that will change how designers and developers work together.     One of this features is you can directly publish your work from XD to Adobe’s Creative Cloud servers. Once published, you can then generate a public link that you can share with your teammates or clients with built in feedback system. Another unique feature of XD is its ability to generate style guides that developers can use once the design is converted into code. We actually published an article about XD’s top 5 features here.   XD’s main advantage over its competitors is it’s availability on both Mac and Windows platform. And since it’s developed by Adobe, you can directly import your old Photoshop and Illustrator designs directly inside XD and continue where you left off. Neat! InVision Studio   InVision started off as a project management platform for designers. Their platform is currently being used by big names in the industry like Netflix, Twitter, and Airbnb just to name a few. They are now creating their own screen design app called InVision Studio. The app is not released yet and is only available via VIP invites. Fortunately, we got exclusive access and we’ve been testing it for some time now on some of our design projects - and It’s amazing.     Most of its basic features are similar to Sketch and Adobe XD. It’s quite surprising because the workflow is very similar with those two apps. We think Invision gathered all of the best features from Sketch and XD (which is a good thing), improved upon it (by adding additional features), and then added it to Invision Studio. Each of Studio’s features is like twice as good compared to Sketch and XD.   One of the app’s main highlight is its integration to Invision’s platform. It unlocks a whole bunch of new features that can help you manage your design projects with ease. You can still use the app normally without any Invision account though, so that’s a good thing. Our Pick All 3 apps listed here are great and they all offer the same basic functionality when it comes to designing interfaces both for desktop and mobile. They also have their own unique features that separates them from other design tools available in the market today. After testing every single one of them, we ultimately settled down to one app that we will be using as our daily driver in every design project - and that will be Adobe XD.     The main reason for this is well, It’s Adobe. We cover a lot of “disciplines” when it comes to design and we’ve been using Adobe’s ecosystem in all of our projects. Compatibility is very important to us and knowing that projects we did in Photoshop or Illustrator will still work on XD is a big plus. We also discovered that XD can open Sketch files too which is amazing.   Another reason is it’s cross platform. We can continue our work whether we are on Mac or Windows. Since our team is a mixture of both Mac and Windows users, we don’t have to worry about design collaborations anymore. We are confident that every version of the file will work on any platform as long as XD is installed.   As stated earlier in this article, all 3 apps were amazing in its own right. We’ve studied every single features of these apps and tried to use it in different real world scenarios. In the end, flexibility and compatibility are still the main features we always try to look out for (specially when trying to migrate to a new app) and Adobe XD both have it.

Share this article:

">
Continue reading
407 Hits

Adobe XD: The Next Generation of Screen Design

Adobe has been one of the main driving force in the industry of design. Their tools has been widely used on almost everything digital whether it’s  print, web, or film. They have a solid set of tools that professionals use everyday and they have been updating these tools for many years offering new ways to craft their creative visions.     This is the reason why it’s sometimes rare for Adobe to release a new tool since most of their softwares can handle almost everything. You need to design a website? There’s Photoshop, which can also handle image manipulation and graphics design. A logo for a client? There’s Illustrator, which can also be used for designing web, packaging, and print materials. You need a book? There’s Indesign for that. How about some cool visual fx and motion graphics? Adobe After Effects and Premiere got you covered. So What’s Adobe XD? Adobe XD (or Adobe Experience Design) is a new software from Adobe that only does one thing - and that’s UI/UX design. It’s being categorized as a “Screen Design Tool” by many which is a whole new category in the world of design. The software’s single focus makes it very fast and offers tools not found on mainstream design softwares like Photoshop and Illustrator.   Now you might ask, “what the heck is screen design?”. Designing these days is a lot different compared before where we only design for desktop computers (960 grids anyone?). Today, there are a lot of devices (or screens) to consider before creating your next big web or app project. You’re literally designing both the user interface and user experience for a bunch of different screens. Adobe XD’s 5 Amazing Features For many years, most of our design work revolves around sketching our ideas on paper, converting those sketches into scalable vector objects using Illustrator, and doing the necessary magic to present it to our clients using Photoshop. Our 2d design work always revolves around these 2 softwares. Adobe XD will change all of that not only in the design aspect of things, but also in getting design feedbacks from clients and shipping the final design for development. 1. It’s Vector Based   Adobe XD is a pure vector based application. It means your designs are 100% flexible and scalable depending on your needs. It offers a nifty export feature that lets users export UI assets with ease. You can also set the scale of the exported asset for high density displays (ie: retina). 2. Photoshop Support   Now this is a big one. When we started using XD on it’s early beta stages, you have to basically redo your current design projects inside XD to use all of its great features. On XD’s March 2018 update, they basically surprised everyone and added this mind blowing feature that lets users import their current PSD design inside XD! Why mind blowing? Because upon testing this feature, XD preserved all layers, groups, and artboards like how it was originally done in Photoshop! No need to redo your work and you can directly head straight to using XD’s amazing features! 3. Symbols   One of XD’s powerful feature is called “symbols”. Imagine you have a design with a bunch of repeated UI objects and let’s say the client requested to change those objects to a different color. If you designed it in Photoshop, you’re out of luck since you will have to apply these changes on each and every object in your design.   In XD, symbols are like “blueprints” that you can reuse in your designs. If the client requested to change its shape or color, you can just change the “blueprint” or “symbol” and XD will automatically update all of its instances in your design. Neat! 4. Style Guides & Developer Handoff   Another mind blowing feature of XD is the automatic generation of “style guides”. In other design softwares, this feature is only possible either by using a paid plugin or by using a separate application. In Adobe XD, this feature is baked right into XD by default. What this does is it generates an interactive style guide that can be used by developers to ensure consistency of the finalized design once it’s converted into code. The generated style guide will display all the colors, fonts, even the margin and padding values! 5. Prototyping   Last and definitely not the least is “prototyping”. Like the “developer handoff” feature, in other applications, this can only be done via a paid plugin or a separate paid application. Once again, Adobe XD has this feature by default. It allows designers to create a “working prototype” of their designs that can be used in testing the “flow” of their design or application. This is also a useful tool when presenting the designs to clients as it simulates how it’s going to behave in real world situations. Another neat feature is people can directly leave and “pin” a feedback about the design directly inside the prototype so no more messy email threads! Final Thoughts We only just scratched the surface of Adobe XD feature wise and a single article isn’t enough to tell you how great it is. We are really excited what’s next specially since Adobe is constantly churning out updates every month to make XD even more amazing. Stay tuned as we will definitely share our thoughts about it here at our blog.

Share this article:

">
Continue reading
636 Hits

The 10 Web Design Trends of 2018

Over the past 5 years, a lot of things have changed in the world of web design. It updates so fast that sometimes it’s a bit tricky to keep up with the changes. With the growing number of new web technologies available, features that are near impossible to create years ago can now be easily added to any website.     Here at KIKA, we strive to keep up and adapt with these changes. Our team of designers and developers are always on the lookout for the latest web technologies to further help our clients in marketing their brands. With so many design trends popping out left and right, we asked them the 10 biggest web design trends of 2018. 1. More Animation Movement and animation is a powerful engagement tool. More and more companies uses animation to attract customers and make their overall marketing much more interesting.   https://teatrlalka.pl/en 2. Color Vibrancy “Web Safe” colors are now a thing of the past. With advancements in display technology on both mobile and desktop, big companies are now using the term “Super Saturation” in their designs to attract people’s attention.   http://circulardev.com/nike/cortez/ 3. Semi Flat “Gradients” were big many years ago but it was overtaken by the concept of “Flat Design” (thank you Apple!). This year, “Gradients” are slowly creeping back its way to the forefront of the design industry and a lot of big companies are now starting to utilize it in their designs.   http://www.symodd.com/ 4. Asymmetry Grid layouts were the main driving force of every website for the past 5 years. Today, design agencies are using "non-conventional" layouts to bring new direction to their designs.   https://flayks.com/ 5. Big Typography Content is always "king" and this is true for typography in 2018. Expect more impactful type in web design this year.   http://www.boite-a-oeufs.com/ 6. Mobile First The term was first coined way back in 2009 and this has been one of the most important things to consider when designing for web. Mobile has officially surpassed desktop in mobile browsing and more than 50% of internet users are from mobile.   7. Drop Shadows Drop shadows adds depth to any UI and this effect was even made popular thanks to Google's Material Design guidelines.   https://material.io/guidelines/material-design/elevation-shadows.html#elevation-shadows-elevation-android 8. Illustrations Like animation, more and more website are gearing towards the use of illustrations in conveying ideas. A lot of big companies like Facebook has been using illustrations in their product and ad placements since 2017.   https://www.pikmykid.com/ 9. Page Transitions Complex page transitions were only possible back in Flash, but with the continuous improvements in web and animation technologies, page transitions is now starting to be a norm in every web design.   http://xmas.evs.com/2018/ 10. Flexbox Flexbox is CSS3's new advance layout model for responsive web design. This is now starting to be a standard in web design with Bootstrap 4.0 being the first one to adapt the technology.   https://getbootstrap.com/

Share this article:

">
Continue reading
515 Hits

Creating custom email signature in Outlook OWA using Wisestamp

Email signature is like your business card. It contains important information such as your name, your position, the name of company you are representing, and of course contact information like email, phone numbers and social media accounts. Some users would like to have their email signature unique and different, something that you cannot achieve with templated signatures. You can do this by using Custom HTML. But thanks to Wisestamp, this is possible. In this article we are going to show you how it is done using Wisestamp.

Share this article:

">
Continue reading
2757 Hits

TOOLBAR

 

BLOG SEARCH

 

CATEGORIES

 

LATEST POSTS

 

CALENDAR

Wait a minute, while we are rendering the calendar
 

SUBSCRIBE

 

YOUTUBE

  • Kika Portfolio: Sidler Binder
  • Babylone Condos Promotional Video | Kika Portfolio
  • Vidéo Promotionnelle de Cellutrak/Kubota Control  | Kika Portfolio
  • Cellutrak/Kubota Control Promotional Video | Kika Portfolio
  • Lumenwerx Promotional Teaser Video | Kika Portfolio
 

TAGS

 

ARCHIVE

 
Copyright © 2014 Kika Marketing & Communications Inc. All Rights Reserved. Protected by Copyscape. Do not copy.