Sketchを使ったWebサイトの模写のやり方の一例 - しゃけさんのメモ
Webサイトの模写を継続的にやっているので、自分のやり方を紹介する。 本記事では模写を行なったときに得られる気づきではなく、どのように作業しているのか、を説明する。 利用環境 macOS Sierra 10.12.6 Sketch3 ver46.2 Sketchの模写用のテンプレートを用意する 僕は模写するためのテンプレートを用意している。 アートボードサイズは常に同じサイズで模写をしており、1440pxをデフォルトとしている。 フォントサイズは5種類用意。太字や中央揃えなども用意している。 2px違いずつで揃えていて、サイトによって基準のサイズを変更することもある。 サイズ名 フォントサイズ extra-large 18px (20px) large 16px (18px) middle 14px (16px) small 12px (14px) extra-small 10px (12
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
初心者でも絵が驚くほど早く上達する「イメージしてから描く」反復練習法 ｜ お絵かき速報！萌え絵上達法
今回は私が昔教えてもらった、効果の高い絵の練習法をご紹介します。 「たくさん描く」「向上心を持って描く」といった漠然とした上達法は今までに沢山紹介してきましたが、”具体的な絵の練習法”はあまりなかったので、今回記事にしてみました。 ただ好きなイラストやデッサン本を模写したり、落書きを繰り返すより断然効果が高い練習法です。 【用意するもの】 ● 紙 ● 鉛筆 or シャーペン ● 消しゴム ● キッチンタイマー（時間が計れれば何でも） 1. シチュエーションを考える まず始めに、1～2分で描く絵のシチュエーションと構図を頭の中で決めます。 例えば、『お風呂場で着替えを見られて赤面する女の子』とかそういう感じで。 このときにキャラの服装やポーズ、背景までしっかりイメージします。 難しく考えずに、自分がグッと来るシーンを思い浮かべればOKです。 キャラはできれば自分のオリジナルで。人物は2人まで
ウェブデザインの勉強に！サイトのトレースを爆速化するツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのみやです。 僕の地元では電車のドアは手で開閉します。襖のように左右に手で開けるのですが、未だにこの癖が残っていてたまに手を持っていかれます。 ところでデザイナーの皆さんは、どのようにウェブデザインを勉強していますか？ 僕は最近、ウェブサイトのトレースを始めました。 トレースとは、実際のウェブサイトをキャプチャしてその上から全く同じサイトを作っていく作業のことになります。 実際に手を動かしながらサイト構造やトンマナを学べるため、非常に効果的な勉強法です！ 今回はこのトレースを効率良くおこなうためのツールをご紹介します。 ウェブサイトの勉強で何をすればいいか分からない方や、なかなか時間が取れない方などにおすすめです！ Google Chrome拡張機能 サイトのキャプチャに便利な『Awesome Screenshot』 https://chrome.google.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
