![]() ![]() I started by creating a color palette and choosing a font schema. In discussion with the team, we didn't find any critical UX issues in the wireframes. Who would use it, and how would the user interact with the application. ( Large preview) Lesson Learned #1īefore doing any UI, prototypes in fancy tools or even wireframes on paper, think about what goals you need to accomplish with a design. Here is the very first wireframe, drawn on an old-fashioned paper, no fancy prototyping tools. It was also crucial to give the user the ability to toggle different optimization options for different files. Developing a native macOS app was much faster for us than a Sketch plugin with CocoaScript (because of our previous experience).You can use the menu bar application even when Sketch isn’t open.This internal framework was built for our core product. To give you some background: our core product, Flawless App, is a menu bar application that compares the expected design with the developer's implementation in real time. ![]() We already had an internal framework for menu bar applications, with a lot of custom functions implemented.A menu bar application was an obvious choice: The main goal was to make something that would live right at our fingertips all the time and allow us to optimize files as quickly as possible. I had some abstract concepts in mind before drawing any UI. We also wanted to make it free and publicly available later on. Eventually, we decided that we needed a more human-like approach to allow more people from the team to use it. Scripts are great - that is, if you speak the same language as Terminal. The very first version as a script in Terminal. As a result, it became harder and harder for Sketch to manage them with proper performance.Īs any other engineers would do, we decided to write a small script that cleans and optimizes Sketch files automatically. These files used to grow a lot over time because of constant iterations and testing of different design decisions. By “product”, I mean our core menu-bar application, website, social materials, press kit, illustrations for the articles on our Medium blog, and so on. We tend to have a separate Sketch file for each product. We have faced this problem in our startup, Flawless App. It’s designers who fill their files with unused, unoptimized and hidden elements that take unnecessary space. Let’s be honest: It's not the design files that become bigger by magic. As a result, your productivity slows down as well. Nevertheless, huge Sketch files exist, and they slow down Sketch. You no longer see 10 GB Photoshop files all over the place. Sketch had brought totally new standards for file sizes. In this article, Ahmed introduces a menu bar application that is bound to help you get rid of this headache. There are huge Sketch files that exist, and not only do they slow down Sketch, but also any designer’s productivity. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |