By Parvez Akther on Tuesday, 30 May 2017
Category: News & Updates

Introducing Quix New Interface - Refreshing, Vibrant and Fresh

        <p>&nbsp;<span>Since after Quix's first release, a lot has been changed. We released bunch of cool new features, elements, blocks and the list goes on…</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">One thing we haven't touch since then is Quix interface. Changing Quix's UI is very challenging and we have make sure that user experience doesn't break and there is no learning curve.</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">We've tons of exciting features to built and to do so, we had to change its UI. We need a fresh new design without breaking anything.</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">After a month of planning, testing and coding we are finally able to roll out a new interface for Quix!</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">So, lets see what have changed</span></p>        
        <h2>New Color Schema<br></h2>       <amp-img width="1000" height="600" layout="responsive" src="https://www.themexpert.com/images/easyblog_articles/442/quix-new-color.png"></amp-img>
        <p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">Color has direct connection with human behavior, it influences perceptions, enhance your work effectiveness, can change your mode and influence you to do something you wouldn't.</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">When we built Quix, we haven't had enough time to research on colors because we had to do a lot of things. We haven't changed it for a year because of this saying 'If it ain't broke, don't fix it'.</span></p><p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">But, the web is moving faster and we need to incorporate the changes into Quix so, you can build website for 2017 and beyond.</span></p><p><span>Joomla use very dull bluish color all over its backend and to make it like home, we decided to go with that color but with brightest tone.</span>&nbsp;</p>       
        <h2>
<span>New Element Picker</span></h2>        <amp-img width="1000" height="600" layout="responsive" src="https://www.themexpert.com/images/easyblog_articles/442/quix-new-element-picker.png"></amp-img>
        <p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">As of writing, Quix has more than 50 elements and more to come. With our new design, you can see more element in the screen and less scrolling needed.</span></p><p><span>Ohh, the modal window also got new fresh look…</span>&nbsp;</p>        
        <h2>
<span>New Setting Window</span></h2>        <amp-img width="1000" height="600" layout="responsive" src="https://www.themexpert.com/images/easyblog_articles/442/quix-new-element-settings.png"></amp-img>
        <p>     <span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">We re-factored each and every fields and git it a visually compelling outlook. Related fields are grouped together, provide useful tips while you typing and everything is at right place.</span>&nbsp;</p>     
        <h2>
<span>TinyMCE Update</span></h2>        <amp-img width="937" height="467" layout="responsive" src="https://www.themexpert.com/images/easyblog_articles/442/quix-new-tinymce.png"></amp-img>
        <p>     <span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">Finally the toolbar is back. Many of you ask to add the TinyMCE toolbar and its here.</span>&nbsp;</p>      
        <h2>
<span>New Loading Screen</span></h2>        <amp-img width="1000" height="600" layout="responsive" src="https://www.themexpert.com/images/easyblog_articles/442/quix-new-loading.png"></amp-img>
        <p>     <span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">Leave no stone untouched, we wanted to make sure a smooth and joyful entrance to Quix. So we updated the loading screen as well :)</span>&nbsp;</p>     
        <h2><span>Section/Row Parallax and Background color overlay fix<br><br></span>

Previously, you can't use background color overlay feature with parallax mode. From now on, you can make the background image parallax and add a beautiful color overlay on it. 

        <h2>
<span>Caution!</span></h2>      
        <p>     <span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">You can update to Quix 1.5 safely because there are no braking changes. Remember to clear the browser cache and hard reloaded it otherwise, you may not able to see the changes due to browser aggressive cache system.</span>&nbsp;</p>        
        <h2>
<span>What's Next ?</span></h2>     
        <p><span class="s1" data-redactor-tag="span" data-redactor-class="s1" data-verified="redactor">These UI changes are necessary for the new features we are planning bring in Quix. We are going to release some new elements and plugin next week, which I'm excited about. These elements are one of its kind and many of you already aware through our <a href="https://www.facebook.com/groups/themexpert" title="" class="">Facebook group</a>.</span></p><p><span>Through our <a href="http://suggest.themexpert.com/" title="" class="">idea sharing portal</a>, you can share your wildest idea about Quix and we'll develop if enough people show interest on it.</span>&nbsp;</p>       <p><button class="btn-eb"><a href="https://www.themexpert.com/quix-pagebuilder"><span>Download Quix Today</span></a></button></p>
Leave Comments