Notes
Notes - notes.io |
graph
1)status bar
2)start using grid
back icon should be 16 pixels(8*2) from all sides specially edge
-the bounding box
so that we accidently dont touch the other icon. should have enough space around
so left side 16 pixels
but airbnb uses 20 pixels from edge, their choice
dpi- if phone is 6 inches. more pixels in 1 inch, better the quality
if 400 dpi, then it means 400 pixels per inch ... in high end device,
u test and know in the end after rendering
icon- various shapes. but on design we need to scale them, to show they are equally sized.
optical balance-make geometrical sizes different to make them appear equal. simply by virtue of space, they appear equal
generally rounded things look smaller so they are made bit bigger to give optical balance
back button-
bounding box- has room inside, so that the final image has same dimension
hide grid-
LAW OF PROXIMITY
if close to each other, then considered a group
therefore conclude seeing which all ae together, comparitive become different at a larger view, according to space
Character spacing
someone has designed -kerning -deciding how much space is there between fonts
Paragraph spacing
same for paragraph
autowidth-is default
box increases
auto height. canit be fixed
1)fix autowidth and auto height is adjusted accordingly2)reduce box manually
fixite
u set width and height and then type. no point as it keeps typing so not used much. goes to next line and starts typing
WHAT FONT SIZE SHOULD I USE
14-good practise
WHAT SHOULD Be LINE HEIGHT
1.5 times of 14(font size)=21
john glutenburg
WHAT SHOULD BE NEXT HEIGHT
1.5 TIMES OF 14
1.5 times of 21-32(line height)
but doesnt work for law of proximity rule
FONTS
1)STYLING-SERIF/SANS SERIF
smaller size then surely should be sans serif
google sans
COPY ONLY STYLE-
SELECT SOMETHING WITH THAT STYLE. cont alt C. control alt B
**always align baseline to grid. if paragraph , then align just first line.
shadow
creates distinction.
2)sense of depth-elevation--
full width button/half width with 1 line of text-48
if 2 line text-56
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
