Comments (71)
I see many great icon proposals here. Even the properly executed variant would be a step in the right direction. Perfect is the enemy of good and even a small step towards good would be appreciated.
from setzer.
Took another stab at this:
from setzer.
@cvfosammmm Here's a new attempt that looks a little less like a blackboard and uses some of the colors that you had suggested earlier (i.e. dark symbols on a light background). Not sure it's significantly better as it moves even farther away from the "metallic letter" metaphor...
In general I tend to agree with @morgenman's assessment. I don't think the color scheme can do a lot to alleviate any of these concerns, hence the latest iteration by @bertob is not a real improvement on this front. But that's just my two cents. I had a feeling that @cvfosammmm seemed to be quite fond of the 2x2 grid recently, which is why I had suggested encasing these characters in a type case sort of thing. It can only do so much in distinguishing this icon from e.g. the Character, Fonts or Minesweeper apps that all sort of follow the 2x2 scheme.
So far, we've had the following suggestions [feel free to edit if I missed some]:
- typesetter press (see #6 (comment))
- type case with or without letters (see #6 (comment))
- single metallic character (see image and #6 (comment))
- 2x2 character grid in various color schemes (too many to list, see this thread)
- 2x2 character grid encased in type case (see above)
- document with calligraphic drop cap (see image)
- status quo icon adapted to new standards (see #6 (comment))
I believe both the "typesetter press" and "document with calligraphic drop cap" ideas to be the best as they give an indication of what this app is for - it's about creating documents using LaTeX! Some form of paper document should ideally be part of the icon. In that respect even the remixed status quo icon is better. Might make a good interim icon that fits the current style, though GNOME in general seems to be moving away from the mascot idiom.
All the character-based icons make too many assumptions about the content of the document. No doubt, mathematical typesetting is one of the major strengths of LaTeX and a common feature among these documents. But only including math symbols here cries too much math, math, math in my opinion and makes it look more like a math suite to me. For what it's worth, I'd say these icons would be better suited for Computer Algebra Systems.
Again, this is only my opinion and I hopefully didn't offend anyone!
from setzer.
Here's a quick mock-up of what I had in mind. The colors probably need a bit of love, especially to ensure they conform as much as possible with the GNOME HIG colors. I just took a quick stab at it based on the type case idea posted earlier by @bertob, I'm sure he could do a way better job at this than me
Edit to add source file for those interested: org.example.Setzer.Source.svg (rename to .svg after download)
from setzer.
New attempt: A type case! I'm not sure how recognizable it is, but I wanted to give it a try.
One problem is that in reality the letters wouldn't be nicely stacked, but in random piles. From that PoV the empty case might be better.
from setzer.
I'm learning LaTex and am waiting for Setzer to get an icon that's consistent with the GNOME style before fully diving in. I believe any of these icons would be an improvement over the existing one, but I agree that their design metaphors are unclear.
I would add that I only found out what the word Setzer means by reading the previous GitLab page. Many of us have no idea what the name means, which means the icon has to be even more obvious to compensate. That's a big challenge. So far https://gitlab.gnome.org/cvfosammmm/setzer/uploads/a034d8e04604fa68feac202467ac703f/image.png at least communicates to me that the app is about viewing or creating documents, though I personally prefer #6 (comment) as it is very distinct from existing GNOME apps. The "letter salad" idea makes me think about an app centered around characters, like GNOME Characters and GNOME Fonts, not an app about documents.
from setzer.
You mean like this?
from setzer.
Any updates on this?
from setzer.
a hand holding a page or [...] stack of pages
I'm not sure, that seems very generic and not closely connected enough to what the app does. Something printing/typesetting-related makes more sense metaphor-wise IMO.
I personally quite like the printing press in its latest iteration. Any specific criticisms I could try to address? Otherwise we still can try something else, but I currently can't think of anything better.
from setzer.
Here's a quick attempt at keeping the status quo metaphor but following the style a little better:
from setzer.
Quick experiment making the characters thing dark:
from setzer.
The overall shape is the square base size, so I don't think it makes sense to change that. What we can do is change the thickness of the object, like so:
from setzer.
For what it's worth, I think the app icons using the math symbol grids are (a) too generic and (b) look too similar to the new GNOME Characters icon. I wouldn't exactly associate a LaTeX editor with that icon - in fact it reminds me more of an advanced math calculator than a typesetting application (see e.g. a quick Google search for "calculator icon android ios"). Personally, I'd think something that shows a page layout with some typesetting features, such as the decorated drop cap idea, is a lot more recognizable and descriptive. The GNOME Latex icon pretty much nailed it in that respect, but this project's icon would obviously need to differ. I also love the idea of the printing press as it embraces the typesetting part of LaTeX, yet it's a bit too noisy for my taste and focuses too much on the press rather than the document. Maybe a row of letter stamps at the bottom of a drop-cap document could work as a metaphor?
Anyhow, just wanted to put my two cents in
from setzer.
"change the thickness of the object", that's what I meant by "reduce the height".
@TR4Android I think you have a point. However I do think the new direction works well visually. Maybe we could change the symbols and make them more abstract to make it look less like a calculator.
from setzer.
Gave that a try, not sure it works:
from setzer.
Personally, the 2x2 grid style does not look like a feature application, it looks like a tool or system shortcut. The best one on here was this one
Take this, put a simple looking pen or quill across it, and I think we might be in business.
Maybe make the letter a little bit less fancy.
Gnome Latex is a good example of what an icon should be like. I know it's some sort of editor/typesetter before I even click on it. Looking at the grid icons above I imagine it's either a calculator or a character select (the grid implies lots of buttons/boxes to press once you open it).
from setzer.
New attempt, I like the shape but not sure about the colors:
from setzer.
Color variant:
from setzer.
LIke this?
from setzer.
I made some improvements to the existing logo using the "lines of text" from one of the designs in the Gitlab thread. It looks more interesting now, but I think a completely new icon is still desirable.
from setzer.
Thanks a lot. To be honest I'm not a fan of this metaphor, but I like how the paper looks in this one.
My latest idea is this: a hand holding a page or maybe a stack of pages, like for review. Imagine the logs icon above with a hand holding the paper instead of the magnifier. What do you think?
from setzer.
Holding paper: I agree that it's generic, but it seems to fit. It's not more generic than the paper stack you posted on Gitlab. I'm also quite sure that it's an improvement over the current icon, and I'm not sure about that with the other metaphors we have tried. Also the specificity could come through the contents of the paper (what's on in).
Printing press: it just doesn't fit the experience of setting text in LaTeX. You don't print actually, you set text (and graphics, ...). Many people might not even know what this object is.
from setzer.
Regarding the letters metaphor: what do you think of something like the old Gnome characters icon? I also like the new one.
from setzer.
what do you think of something like the old Gnome characters icon? I also like the new one.
The old one was very non-geometric and doesn't really work in this style, which is why we changed the metaphor when updating it for the new style :)
Something like the new one could work, potentially. What characters would you use?
from setzer.
Gave the characters-style thing a try. It's a little boring, but it could work.
from setzer.
Tried to make the characters idea more interesting:
from setzer.
I really love Setzer. The editor has an awesome feel and looks great. But i think the current icon destroys the modern look and feel of the app. I would really like to see a fancy icon which fits the the overall style of the app. I like this one #6 (comment).
from setzer.
I totally agree with @jsparber about the current icon, but I feel the characters-style (#6 (comment)) may be confused with the other characters app. I really like this #6 (comment) and this #6 (comment) (first one) tho
(Or even this: https://gitlab.gnome.org/cvfosammmm/setzer/uploads/a034d8e04604fa68feac202467ac703f/image.png)
from setzer.
@cvfosammmm Ping? :)
If you like any of these directions I'd be happy to do more iterations, otherwise we can still try something else.
from setzer.
Sorry for the long silence. I still don't think any of these is an obvious improvement over the existing icon. My favorite direction currently could be called "letter salad". The old Gnome Characters icon would be an example of that, perhaps. But it could also be flat and seemingly random, with math symbols and letters, and different tones and sizes, but preferably gray scale (maybe with one additional color).
from setzer.
I still don't think any of these is an obvious improvement over the existing icon.
That's debatable, but I think we can all agree that the current icon is off-style, and that's the main problem I'd like to fix. Seeing as finding the perfect metaphor is proving to be quite challenging, how about just updating the eagle + page metaphor to something more in line with the style for now?
That way it would at least fit in with other apps for now, even if the metaphor isn't super clear. We can continue to try different metaphors of course, but at least the icon would be nicer in the mean time.
from setzer.
I don't think the status quo metaphor is worth keeping.
Somehow the 4 characters icon is growing on me. I think that's probably a good direction. Can you try combining it with the one after that? I mean 4 characters but with a dark background?
Does anyone strongly dislike the characters direction?
from setzer.
Maybe we could also use different background colors, like App Icon Preview or Icon Library.
from setzer.
I like it. It looks a bit small, and it really is a bit smaller than Characters. I would also maybe reduce the height to be in line with Calculator and App Icon Preview. Can you also try alternating backgrounds?
from setzer.
It looks a bit small, and it really is a bit smaller than Characters
It's exactly the same size as all the other square icons (I just checked and the Characters one is a bit too tall, looks like App Icon Preview ships with an old version). I suspect it maybe visually appears to be smaller on dark backgrounds compared to light icons, because light tends to "bleed out" and make objects appear larger.
By alternating backgrounds you mean something like this?
from setzer.
Can you try reducing the height, removing the gaps on top, and making the side the same color as the respective top (like AppIconPreview)?
from setzer.
Could work:
from setzer.
@cvfosammmm Ping? :)
from setzer.
Sorry again for the long silence. Some remarks:
- I think it should be quadratic.
- Maybe the colors can be improved. Maybe different shades of one color? Or maybe 2 colors, but 3 is probably too much.
from setzer.
Do you have any particular colors in mind?
Here are some color explorations with fewer different shades:
from setzer.
I think we're getting close! Could you reduce the height a bit?
from setzer.
@bertob that's what I meant.
from setzer.
@cvfosammmm cool, I'll open an MR then!
from setzer.
@bertob the height reduction. I will not pull this right now.
from setzer.
@cvfosammmm I don't follow, the height is reduced. Or what do you mean?
from setzer.
About the colors: I think the first and second ones look too much like a game. I like the green one best.
from setzer.
@cvfosammmm Since LaTeX is commonly used for mathematical typesetting (one of its greatest strengths in my opinion) I'm not sure what other characters might be representative enough to be recognizable. How about keeping the characters in their current two by two grid, but embedding these in a bookshelf-like type case. Somewhat similar to what @bertob had already previously explored, but with the letters facing the user, like this. Also, if you want to go the extra mile you'd need to mirror the characters so everything's properly typeset when printed
from setzer.
"change the thickness of the object", that's what I meant by "reduce the height".
@cvfosammmm yeah, I did that in the MR though, so I'm not sure what your concern was.
Regarding the symbols, I'd be happy to try different ones but I don't think it currently looks like a calculator.
@TR4Android if you want a less abstract metaphor, the printing press is as good as it gets. We tried various typesetting/letter things, but it ends up being unrecognizable and/or boring. Personally, I'm mostly interested in getting something merged ASAP, we can always change it later...
Here's an iteration on the green one, trying to make it look a little more interesting:
from setzer.
And just FYI, among the more abstract ones my favorite is still this one: It's a lot more unique and visually interesting, while clearly being Latex related.
from setzer.
@bertob can you upload the green ones as SVGs? I would like to test them in production.
from setzer.
Updated the MR
from setzer.
@bertob I think the green one doesn't look good in production. But I think the following changes make it look quite a bit better:
- Could you use the following colors (from the gnome palette)? top left - Light 3, top right - Light 2, bottom left - Light 4, bottom right - Dark 1
- Make the text black
This also brings it much closer to the metallic letter metaphor.
from setzer.
@bertob Can you reintroduce the gaps from #6 (comment) ? But make the much smaller (less wide). Also can you make the letters "stand out" like they did in previous iterations?
from setzer.
@TR4Android I think that looks very much like a blackboard. But I'm also not a fan of the general direction. What do you think of the latest iteration by @bertob ?
from setzer.
I'm using a variant of bertobs latest icon in production. While it may take some getting used to, I think it works well in all contexts. It's interesting what you said about character-based icons, but I think it's possible to make them more abstract. The current set is too much focused on math though, I agree.
from setzer.
I don't like this direction, sorry. I think we should iterate on your last icon.
from setzer.
New variant of the previous one:
from setzer.
@bertob can you make the changes from #6 (comment) to the grey one with black letters? The last one looks noisy too me, probably the white letters add noise.
from setzer.
@cvfosammmm So if I understand that comment correctly you want raised letters, gray squares, and gaps between letters, but narrower than previously?
This is what it looks like with the same gap width as before:
Here's an attempt at making them narrower (1px at 64, rather than 2px):
from setzer.
Nice improvement! But can you leave the "height" of the icon like before?
About the comment: Yes you understand correctly.
from setzer.
Ping?
from setzer.
I think it's still too high, can you make it exactly as before?
About the gaps: the horizontal one is darker now. Perhaps can you change the color or make it a bit narrower so its color looks more like the vertical one?
from setzer.
Like so?
from setzer.
The height is good, but the gaps should be much lighter, more like the previous vertical one.
from setzer.
How about this:
from setzer.
Ping?
from setzer.
Sorry for the long silence. On the light bg, I think the edges don't look good. Can you perhaps make the base of a different, plasticky material, make them not look metallic?
from setzer.
Not sure I understand what you mean by "edges on the light background" and "plasticky material". Do you mean dropping the shiny corners at the bottom?
from setzer.
Seeing as this is taking longer than expected, would you be amenable to merging something more in line with the style and the current metaphor (e.g. #6 (comment)) for now?
from setzer.
^ Yes, that is what I mean.
I don't think the one with the current metaphor is better than the currently shipping one.
from setzer.
Ping? :)
from setzer.
Related Issues (20)
- Feature request: Auto populate "Create new document" menu with text files found in ~/Templates/ HOT 2
- Change vertical position of text after clicking on a link \section{} from the "Document structure" of the left panel HOT 3
- Gnome Fractional Scaling (X11) brakes PDF Preview HOT 5
- Misleading function names HOT 2
- autocomplete_provider.py should be in the autocomplete folder HOT 1
- Gigantic Flatpak HOT 2
- Spellcheck identifies latex syntax and citations as spelling errors
- Mac Implementation HOT 1
- Flatpak Setzer: Update runtime version
- Compiling never finishes with a certain amount of bibliography entries HOT 2
- Feature request: add CTRL + D to delete current line like in gedit
- No pdf preview HOT 2
- Automatic dark theme / Follow system theme
- Context engine support HOT 1
- Feature Request: Latex projects HOT 3
- Multiple open files in sessions HOT 2
- Darkmode broken HOT 1
- Feature Request: show frame blocks in document structure navigator for Beamer presentation HOT 1
- license on landing page vs license in a file HOT 1
- How to add editor color theme? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from setzer.