Shop Mobile More Submit  Join Login
Writer Concept by spiceofdesign Writer Concept by spiceofdesign
My first elementary concept since August (crazy exam schedules and coursework deadlines have kept me plenty busy). A simple writing application. The top bar is static and used for document wide actions, like open, save, print and document properties, as well as an undo and redo button. The second bar is dynamic, the buttons changing depending on the content selected. The top bar is for text editing, the second for image properties and the third for tables. In this way only the functions needed are seen at any one time, but could still be searchable by something like Unity's HUD.
Add a Comment:
 
:iconryanriffle:
ryanriffle Featured By Owner Dec 10, 2014
I have actually worked on creating this concept. The project is built HTML, CSS, and CoffeeScript. If anyone is interested in seeing this concept in action, check out this demo. It is still in heavy development so not all features will work as expected but can be used at the moment to create a simple PDF.
Reply
:icontuurdutoit:
TuurDutoit Featured By Owner Dec 7, 2014
I'm working on it here: launchpad.net/writer
Just download the latest code (with bzr) and run the run.sh script from the scripts directory.
If you don't know how to do this, you probably shouldn't ;)
Reply
:iconawedeven:
AwedEven Featured By Owner Oct 11, 2014
Will this be developed from scratched or branched from/based around OpenOffice/LibreOffice?
Reply
:icontuurdutoit:
TuurDutoit Featured By Owner Sep 2, 2014
Also, Do you have an SVG for that?
Reply
:icontuurdutoit:
TuurDutoit Featured By Owner Aug 26, 2014
I'm working on the code to make this a reality (launchpad.net/writer), but I could use a mockup of the popovers for the paragraph, font, insert ... buttons.
Could you do this? That would help us very much!
Reply
:iconhackan301:
hackan301 Featured By Owner Aug 17, 2014  Hobbyist Interface Designer
The combined top-bar is pretty sick :-P
Reply
:iconkenonu:
kenonu Featured By Owner Aug 6, 2014
wow like it! would love to use this
Reply
:iconakgngr:
akgngr Featured By Owner Jul 14, 2014
You're awesome, i love this.

Reply
:iconjawnzi:
jawnzi Featured By Owner Jun 13, 2014
You're awesome, i love this.
Reply
:iconhxw-araa:
hxw-araa Featured By Owner Feb 15, 2014  Hobbyist Digital Artist
this is just FAN-TAS-TIC!!! hope to see it in the Isis (:
man, You're doing right thing. Unix has nothing like that (except GWOffice, but it requires Internet so...)
Please, don't leave the project - make him come true.

greetings from Ukraine!
Reply
:iconr2ds:
r2ds Featured By Owner Nov 11, 2013  Hobbyist Interface Designer
I have thoroughly enjoyed what I saw scrolling down to make this comment.
Reply
:iconzesterer:
zesterer Featured By Owner Oct 5, 2013
However, I do think the page itself should have a shadow around it.
Reply
:iconzesterer:
zesterer Featured By Owner Oct 5, 2013
Wow, this is great. I'd love to build something like this, I'm sure it would be a great way of expanding my knowledge of Vala. I just know that it will probably fall short of the excellence shown in these design impressions... :(
Reply
:iconkevkevfuuuuu:
kevkevfuuuuu Featured By Owner Sep 29, 2013  Hobbyist Interface Designer
Wow that's awesome. Good job! :)
Reply
:iconfamonte:
famonte Featured By Owner Aug 27, 2013
Gorgeous. Made me want to write. Would be great a fork of LibreOffice with a visual adapted to elementaryOS
Reply
:iconakgngr:
akgngr Featured By Owner Aug 2, 2013
very cool
Reply
:iconrobinmoussu:
robinmoussu Featured By Owner Jun 17, 2013
I love it, it is clear and clever ( ¬‿¬)
You was speacking aboud the HUD of unity for the global search fuction. Why not add a button on the top bar ? So it can works whis all systems.
Reply
:iconluckyigen:
luckyigen Featured By Owner Jun 15, 2013
Nice concept ! simple and beautiful.
Reply
:iconrobertoluiz:
RobertoLuiz Featured By Owner Apr 17, 2013  Hobbyist General Artist
Great. It should be included in main project.
=D
Reply
:iconcoppolaemilio:
CoppolaEmilio Featured By Owner Mar 22, 2013
I've just finished a similar program and someone send me the link to here, maybe we can work together?
[link]

Great design! :D
Reply
:iconhaze007:
haze007 Featured By Owner Mar 16, 2013  Student Interface Designer
You know what, At first I'm like 'Wpwed' but then when I notice it's just a mockup, All eyes down!
Reply
:iconclavicus14:
Clavicus14 Featured By Owner Feb 25, 2013  Professional Interface Designer
Very nice. :)
Reply
:icongzuz2080:
gzuz2080 Featured By Owner Feb 11, 2013
Great!
Reply
:iconpjosuk:
pjosuk Featured By Owner Feb 7, 2013
I would love your job editable download

Greetings from Mexico
Reply
:iconsnowex:
snowex Featured By Owner Feb 5, 2013  Hobbyist Digital Artist
This has to become reality. Too beautiful to be thrown away :o
Reply
:iconbatch10s:
Batch10s Featured By Owner Feb 3, 2013
This is just gorgeous.
It's extraordinary easy, clear, just perfect.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 2, 2013  Professional Interface Designer
Looking super sexy. I would like to see less vertical height on that secondary toolbar if possible, though.

Also is there a reason the "Insert" menu is in the text context rather than in the main toolbar?
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 3, 2013  Hobbyist Interface Designer
The secondary toolbar applies to the specific place in the document, whereas the top bar refers to the document as a whole. When you insert something you don't pick what you want to insert then where you want to insert. Also it would be used for inserting references, which is something that another commenter asked about.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 3, 2013  Professional Interface Designer
Ah that makes sense. I was coming from the thinking of finding a context in which "insert" didn't make sense.
Reply
:iconamodef:
Amodef Featured By Owner Feb 2, 2013
I wish Abiword would be like this!
Reply
:iconcopperbezel:
CopperBezel Featured By Owner Feb 9, 2013
Abiword's problems really aren't a matter of interface. It's surprisingly not painfully cluttered, if it's perhaps also missing most of the features that come in those secondary toolbars here.
Reply
:iconfrugalware:
frugalware Featured By Owner Feb 2, 2013
Nice ! I hope this mockup will become reality :)
Reply
:icond14gvn:
d14gvn Featured By Owner Feb 1, 2013
looks amazing
Reply
:iconcopperbezel:
CopperBezel Featured By Owner Jan 31, 2013
I really like the idea of a simple, dedicated word processor that doesn't need to be a part of an office suite. This seems a lot more attractive than something like LibreOffice for home use and especially for students. The dynamic toolbar really is very unique and clever, and a HUD-like feature would make up for possible limitations with that approach. How would the toolbar respond to resizing the window down - or would the window have a fairly high minimum width?

It'd be really neat for something like this to have an always-saved operation style and possibly support automatic versions, although that could probably become complicated.
Reply
:iconguidoctor:
GuiDoctor Featured By Owner Jan 31, 2013
very very nice!!!!
Reply
:icongazornonplat:
gazornonplat Featured By Owner Jan 31, 2013  Hobbyist General Artist
*whistles appreciatively*

I especially love the context-sensitive bar, like a smarter version of Office's "ribbon".
Reply
:iconeldelacajita:
eldelacajita Featured By Owner Jan 31, 2013
VERY nice!
Reply
:iconthevirtualdragon:
TheVirtualDragon Featured By Owner Jan 31, 2013  Hobbyist Interface Designer
This...is...awesome!
Reply
:iconthevirtualdragon:
TheVirtualDragon Featured By Owner Jan 31, 2013  Hobbyist Interface Designer
I was thinking of something like this...I think you've done a better job of it though..
Reply
:iconluca00002002:
luca00002002 Featured By Owner Jan 31, 2013
epic
Reply
:iconaimandach:
AIMandACH Featured By Owner Jan 31, 2013  Hobbyist Interface Designer
Absolutely perfect! easy to use, beautiful
(I just suggest to move ctrl+z and ctrl+y icons on the left, because "before" and "after" icons are here in a browser)
Reply
:iconnsrosenqvist:
nsrosenqvist Featured By Owner Jan 31, 2013  Hobbyist General Artist
The context sensitive second toolbar is awesome! Great work!
Reply
:icondigi59404:
DiGi59404 Featured By Owner Jan 31, 2013  Professional Artist
That actually looks very very nice...


I wonder if anyone is going to make it. This would be awesome to include in an elementary Office suite or something.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 31, 2013  Hobbyist Interface Designer
I have started on a new presentation concept, and will probably create a spreadsheet application too.

It would be super nice to have something like this, since I currently rely on google docs since all the linux offerings are so bad.
Reply
:icondigi59404:
DiGi59404 Featured By Owner Jan 31, 2013  Professional Artist
Yeah, I feel the same way. Well, hopefully someone will make them. If I had the free-time I would, but i'm fixing up elementary Studio.
Reply
:iconluca00002002:
luca00002002 Featured By Owner Jan 31, 2013
epic...just epic
Reply
:icondigi59404:
DiGi59404 Featured By Owner Jan 31, 2013  Professional Artist
Also, OP, are you planning to make more office concepts? Like Excel, Publisher, Access, and maybe Outlook?
Reply
:iconsimplygreat:
simplygreat Featured By Owner Jan 30, 2013
Fantastic work! :)

The dynamic-toolbar concept shown in your mockup is just a brilliant idea. I still don't get why all the text editors keep all the controls visible even when not all of them are useful to the object selected (the "underline" button is visible and enabled in LibreOffice when a picture is selected, for instance).

This is both beautiful and functional; from the UX point of view, it just makes sense.

Advanced features could probably be placed into a sidebar, with a content-sensitive behavior as well.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 30, 2013  Hobbyist Interface Designer
Thanks!
Reply
:iconsimplygreat:
simplygreat Featured By Owner Jan 31, 2013
You're welcome :)
Reply
Add a Comment:
 
×




Details

Submitted on
January 30, 2013
Image Size
316 KB
Resolution
900×1700
Link
Thumb
Embed

Stats

Views
19,038 (10 today)
Favourites
121 (who?)
Comments
58
Downloads
109

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.
×