Sketch: Digital Design Tool Kit
Actually, how designers use Sketch in Youtube was informative.
Axure: Expensive (free 30-day trial)
Affinity Photo – Importing PSD Files and editing layers->Some editing can be done but not Smart Objects. Read this forum.
How well does the .psd import and export features of Affinity Designer work? – Longer answer: it’s almost perfect, but there are a couple of things you should know – one minor, the other not…
HTML5 テクニックバイブル $7-$10 used
fiverr.com -Freelance services. On demand.
Affinity Photo $49 Similar to Photoshop
Affinity Design $49 Similar to Illustrator
Gimp open-source raster graphics editor – Similar to Photoshop
Sketch for Mac a tutorial $99 a proprietary vector graphics editor for Apple’s macOS
Sketch – Look at the CSS Attribute of feature to develop HTML and CSS.
Sketch Plugin – AutoPlugin-How to align center horizontally & vertically.
Squarespace – hosting?
How to place render queue?
It is Adobe Media Encoder 12 minute tutorial.
Premier Pro—–>Media Encoder
How to make mp4 file make loop on my Web page?
<video controls loop> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>
The above from https://www.w3schools.com/tags/tag_video.asp
On the web page setting or the A/E has code for it?
Click on the looping asset in A/E layer >Interpret footage>Main>Other options:loop and enter the number of times it should loop. https://www.youtube.com/watch?v=XN2cEiNySpM
The solution do to on html5 is better as mp4 is smaller.
There is animated gif vs vid on codepen.io/kccnma
How to record screen on Mac Quicktime -> Miro
<video autoplay loop>
Using A/E to place jpg of a device(ie.iPone) then place mp4 vid created contend just on top of the iPhone image then create vid using A/E. Render it for mp4 for html <video> tag.
FOUT (flash of unstyled text)
Typekit by Adobe (not free but meed membership to use their type)
unsplash.com – royalty free photos
Branding: MacDonals (Red and Yellow), Burgerking ()
Whole-foods (green is more value more than )
Contrast – weight and heaviness feeling
Less contrust – lightness feeling
Showcasing product and place on the Hero section bring the full color photo (don’t mess with color or transparency).
Stick with Grid.
Typeface Hierarchy construction tools:
thickness of the font
Rectangle in rectangle – don’t hide the
Map is content don’t hide with some box.
Chris modified my typographical hierarchy for my portfolio.
I moved wireframe from ID to XD and modify it.
Fixed on the XD instead of ID, I will copy it to ID to fix the wireframe in ID also.
Now I will design sub pages using XD.
Also, I will finalize the typographical hierarchy in Type Test.
Also, I was considering changing the background colors for each of the subpages as in 18F.gov. Chris said that Apple has a tool to change the background color for each of the CD – most appropriate color by checking the graphics of CD. I may change the background designs of each sub pages; such as one is art nouveau-ish, ukiyoe-fu, kusama yayoi-fu etc.