XDで模写4

f:id:wanipa-shirotan:20210616163142p:plain ルナソル

レスポンシブサイズ変更の機能に慣れるため、複雑じゃないシンプルサイトで練習ー PCからレスポンシブ化していくのが若干やりづらかったので(サイト構成によるかも)、今回はSPから引き伸ばしていくかんじに

単純なレイアウトだったから特に苦もなく・・・。 ただ、サイト見てて、ブランディングのためにはやっぱ画像大事やなと思った。

XDで模写2

ネクサス大浩という会社のサイトが良いなと思ったので模写しました https://nexas-oohiro.co.jp/

f:id:wanipa-shirotan:20210530123612p:plain

メインビジュアルのサイズが大きくなってしまいその分ズレてるけど わりと再現できたのではと思う! 位置ずらしや、文字を透かして配置するデザイン コーディング挑戦したことないのでやってみないとな

XD サイト模写

デザインの練習で、XD使ってサイト模写 f:id:wanipa-shirotan:20210529183025p:plain FANCLのサイトを模写しました

模写のやり方で参考にしたサイト

stand-4u.com

note.com

note.com

キャプチャ横にはっつけたり、薄くしてトレースするだけだと 思考停止しちゃうかなと思って いったん横には並べず、最後に並べて答え合わせする方式にした

作成する画面幅がちょっと悩ましい・・・ わいのノートが13.3インチ(2560 x 1600)なので 表示されてるのは1280ってことで 1280で作成でいいのかな。

ディベロッパーツール出すと画面幅縮んでうまくサイズ測れないんですけど と思ってたけど、ディベロッパーツールの位置を下部にすればいい話だね・・・

とりあえず幅1280で次も作ってみます

追記:記事見てみると、 PCは横幅1920pxか横幅1366px スマホは横幅750pxがメジャー?みたい。 そうしたら1366かなぁ

git(sourcetree) コミット前 ファイル破棄

wordpressでランキング(閲覧数)取得をプラグイン(Popular Posts)に切り替えようとしたら なんか他のプラグイン(Meta Slider)が動かなくなった?ので 原因よくわかんないけど戻し〜〜。

こんなときgitの本領発揮ですね

コミット前だったら ↓みたいにファイル名を右クリックして「破棄」すればいいっぽい。

[SourceTree] コミットしていないファイルの変更を破棄する | ぱそまき

git、もっとバシバシ使っていきたい