okamotomayuko(オカモトマユコ)_Works @MKL_MilKLab

つまづきを記録していきます。つまずきが解消されたら記入します。

p5jsのつまづき01

2020.03.05のつまずき

・vertexとpoint、translate、mapの違いが分からない

 https://www.openprocessing.org/sketch/852821/embed/

 

https://p5js.org/reference/#/p5/vertex

https://p5js.org/reference/#/p5/point

https://p5js.org/reference/#/p5/translate

https://p5js.org/reference/#/p5/map

ECサービスサイトでのつまづき01

baseshopではデータの無料配布ができない。

 

けれど、boothだとデータの無料公開ができる。

 

ECプラットフォームのユーザーの雰囲気(制作、閲覧ユーザー)の違いはあるけど、

機能を上手く使いこなすには仕方がないのかな?

【 webデザインでのつまずき 02】イラスト画像の書き出し(画像アセット)

イラスト画像の書き出し(画像アセット)

 

【 webデザインでのつまずき 02 】

イラストをwebに挿入したいので、Illustratorで作成したデータをwebで使えるようにしようと思い調べました。

 

Illustratorにも画像アセットが使える

 

https://www.genius-web.co.jp/blog/design-tips/illustrators-image-asset-has-made-it-very-useful-to-write-to-the-web.html

 

昔からwebデザインしている方は「web用に保存(従来)」を推薦されますが、わたしは上記の新しい方法で行いたいと思います。

 

(memo)

※写真、ピクセルイラストの場合、Photoshopの画像アセットの生成

 

https://blogs.adobe.com/japan/dtp-photoshop-kihon-tips-04/

 

【 webデザインでのつまずき 01 】画像と文字のレスポンシブ対応、リキッドデザインについて

【 webデザインでのつまずき 01 】

 

レスポンシブ対応には以下の手法がある。

リキッドデザイン…サイズに合わせて流動的にデザインする

・フルードイメージ…縦横比を固定して画面幅をいっぱいにする

 

デザイン手法検討

1,画像、文字の縦横比を縮小する

2,画像、文字の縦横比を変えずに画面の横幅が小さくなっていく

3,横幅がある地点を過ぎれば画像を切り替える

 

その他、デザイン手法のパターンがありましたら、教えてください。