Home Download Buy Blog Forum Support

Sublime UI

Sublime UI

Postby JLikeF on Sat Feb 05, 2011 9:23 pm

I have seen a few posts with some awesome UI designs for Sublime and thought I would give it a go myself!

I think that tabs on top would be brilliant and really free up more of the screen for code, along with grouping all of the menu items into one drop down to get rid of that bar too.

Personally, I would prefer the sidebar on the right, it just seems more natural to me, and lets the white tabs blend into the code to make it clearer which is selected.

The focus of this design is to keep things simple, and give as much screen space to the code as possible and hopefully keep any design frills to a minimum.

As soon as some more theming capability is available I'll definitely be working to build something as close to this as possible.

On a side note, how many people prefer coding on a dark background?
Attachments
Sublime.jpg
Sublime.jpg (194.88 KiB) Viewed 3231 times
JLikeF
 
Posts: 19
Joined: Tue Aug 10, 2010 8:42 pm

Re: Sublime UI

Postby mikeb on Sun Feb 06, 2011 3:55 am

I love it! Very nice touches like the highlight of the line number area for the current line. Really like the color of the text background merging with the tab, makes it very clean. Sidebar on the right is also my preference.

Personally I sometimes use white and sometimes dark but definitely think that sublime needs to have a good white scheme as well because it can be much easier on the eyes.
mikeb
 
Posts: 31
Joined: Mon Sep 07, 2009 12:33 am

Re: Sublime UI

Postby jbrooksuk on Sun Feb 06, 2011 8:19 am

Is that a finished design? I'm not sure that the top left icon should be a drop down, but sticking to other chrome central windows, it should be the sublime icon.

I prefer a dark background personally.
jbrooksuk
 
Posts: 754
Joined: Sun Apr 11, 2010 10:37 am
Location: England

Re: Sublime UI

Postby JLikeF on Sun Feb 06, 2011 11:14 am

jbrooksuk wrote:Is that a finished design? I'm not sure that the top left icon should be a drop down, but sticking to other chrome central windows, it should be the sublime icon.


I think that would be a good idea, and it would fit there nicely. As I was adding the one drop down for the menu I realised how many items there are at the moment and was thinking about grouping them into 3-4 buttons above the "Client Website" tab in the sidebar.

I might try a dark background version to see how it blends with the tabs.
JLikeF
 
Posts: 19
Joined: Tue Aug 10, 2010 8:42 pm

Re: Sublime UI

Postby jbrooksuk on Sun Feb 06, 2011 11:42 am

JLikeF wrote:As I was adding the one drop down for the menu I realised how many items there are at the moment and was thinking about grouping them into 3-4 buttons above the "Client Website" tab in the sidebar.

No. Don't place it there. That would make Sublime completely different to other windows including cross-platforms. That HCI decision would be bad. It's not what people expect, Chrome is a push into more space for content and I find that I have to repeat to several people where the menu items are these days.
jbrooksuk
 
Posts: 754
Joined: Sun Apr 11, 2010 10:37 am
Location: England

Re: Sublime UI

Postby JLikeF on Sun Feb 06, 2011 12:17 pm

Just a quick example of a dark theme, I'm guessing the custom scrollbars in Sublime are to stop them from standing out so much when you use a dark theme!
Attachments
Sublime_dark.jpg
Sublime_dark.jpg (187.05 KiB) Viewed 3068 times
JLikeF
 
Posts: 19
Joined: Tue Aug 10, 2010 8:42 pm

Re: Sublime UI

Postby sublimeuser on Fri Feb 11, 2011 6:08 pm

SCROLL BARS
https://chrome.google.com/extensions/detail/jfichaompnhpmlpjhcjebedbgaeoeple
This is light, awesome, sleek and saves space.

Also, just like text-mate we need to have a open in the bottom/footer panel which currently
shows line and column numbers a dropdown menu like thing which allows a user to select
code highlighting.
sublimeuser
 
Posts: 6
Joined: Fri Feb 11, 2011 5:57 am

Re: Sublime UI

Postby Ethan on Sat Mar 05, 2011 12:59 am

Woaw! That's just an amazing UI you made there. Any chance we can enjoy it soon?
Ethan
 
Posts: 1
Joined: Sat Mar 05, 2011 12:57 am

Re: Sublime UI

Postby atomi on Sat Mar 05, 2011 3:21 am

That dark theme...
Beautiful.
atomi
 
Posts: 342
Joined: Thu Jan 20, 2011 5:06 pm
Location: Los Angeles CA US

Re: Sublime UI

Postby theblacklion on Sat Mar 05, 2011 12:50 pm

Plz remember that Apple tried the "tabs within titlebar" thingy for some time and they got a bunch of bad criticisms for it. People mainly had problems hitting the titlebar correctly for dragging the windows. We should not try to get into that area - just like the border of the plate belongs to the customer (and should not get messed up with food).

Respective to the dark/light question, I find myself switching between slate and my modified tango color schemes according to the environmental light level (when the sun shines it's easier to read black on white and vice versa). So I would want both variants :).
In addition to that I prefer to have the sidebar on the left so that the text area is in the middle of the screen when in fullscreen mode.

One question I miss in every discussion is: How should it look like on other systems than windows? For example the dark sidebar above looks quite awful within OSX using a light color scheme.

I really hope that Jon improves and documents the theme area properly so that we can have proper native (including native scrollbars or look-alike) and negative themes (with cool custom gfx).
theblacklion
 
Posts: 67
Joined: Sat Feb 05, 2011 10:07 pm
Location: Hannover, Germany

Next

Return to Ideas and Feature Requests

Who is online

Users browsing this forum: No registered users and 5 guests