search

SamReeve96 / Acetate

Annotate the web, but better this time.
GNU General Public License v3.0
0 stars 0 forks source link

Further Acetate design changes #27

Open SamReeve96 opened 4 years ago

SamReeve96 commented 4 years ago

Bringing over @sebj 's suggestions from the dissertation version of Acetate for reference.

Suggested redesign for cards and highlighting elements.

Pictured in screenshot from top to bottom:

Full card redesign including creation date and username Full card redesign including creation date Halfway redesign between full & the current design (easier to implement) Background color: #FFF281 @ 90% opacity for cards Text: #1A1A1A Card corner radius: 4pt Card drop shadow: 8px radius, X: 0pt, Y: 1pt, 5% opacity black

Used Apple's SF Symbols in the mockups, but they aren't available on other platforms like for web. Would suggest Google's freely available Material Design icons (available as an icon font) which should have equivalent icons, otherwise FontAwesome.

Figma design file: https://www.figma.com/file/j5yfGR29QBnbGNgdeit27E/Annotation-Chrome-Extension?node-id=0%3A1

screenshot of redesign idea

Some work has already been done to restyle Acetate to look more pleasant in issue #6 but this issue can track any suggestions or problems as they arise.

SamReeve96 commented 4 years ago

One suggestion has been to move the new annotation editable card to a more consistent place, this could be the top right of a window or even within the popup window.

SamReeve96 commented 4 years ago

https://github.com/SamReeve96/Acetate-Dissertation-Prototype-/issues/38