Sketchで複製機能を使う
9:41
5 жыл бұрын
Sketchでアイコンを作成する
16:10
Sketchの使い方を学ぶ前に。
1:13
Sketchで登録画面を作成する
6:47
Sketchでシンボルを作成する
13:43
Пікірлер
@deliciousjapanfoodline5018
@deliciousjapanfoodline5018 Жыл бұрын
とても勉強になりました😊
@deliciousjapanfoodline5018
@deliciousjapanfoodline5018 Жыл бұрын
凄い勉強になりました。チャンネル登録させて頂きました😊
@norifuku9322
@norifuku9322 2 жыл бұрын
名刺の高級感な感じの作り方もアップして頂きたいです
@eikof.9417
@eikof.9417 2 жыл бұрын
デザインの話をとてもセンスよく、わかりやすく 説明してくださり、勉強になりました。
@At-gc6in
@At-gc6in 2 жыл бұрын
正直質素すぎて高級感感じなかったw
@llmmnnnoopp
@llmmnnnoopp Жыл бұрын
向いてないっすね…😅
@nakajimato2011
@nakajimato2011 2 жыл бұрын
Netflixを見ることはできますか?
@locaalicia_jp
@locaalicia_jp 2 жыл бұрын
心の「へえ〜ボタン」何回も押してしまいましたw アップルのデザイナーが、伝えたい事ほどシンプルにせよ。と言った理由が分かる気がします😃
@FM-cu3eu
@FM-cu3eu 3 жыл бұрын
わかりやすい!
@user-be3mi6ip1z
@user-be3mi6ip1z 3 жыл бұрын
昨日nebula capsule 2を購入してNetflixを入れたくてGoogleストアでnebula managerを入れようとしたら検索結果がでてこなかったのですが対策方法はありますでしょうか?
@ky3143
@ky3143 3 жыл бұрын
海外チームとの仕事で急にsketchを使用することになり、こちらに辿り着きました。このような解説動画を無料で出していただき操作の基礎を習得でき、大変感謝しております。
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
動画をご覧いただきありがとうございます(^^) バージョンによって若干使い方が変わっていると点があり、分かりづらい箇所もあったかと思いますがお役に立てたようで大変嬉しいです😁 プロジェクトによっては普段とは違うツールを使う場合もあったりするので、大変なことがありますよね^^; 今後ともデザイン関係の動画をアップできればと思っておりますので、どうぞよろしくお願いいたします!
@user-xs4fi8xf8u
@user-xs4fi8xf8u 3 жыл бұрын
なんかいい
@secretyoshikazu9336
@secretyoshikazu9336 3 жыл бұрын
中学のパソコンの授業を思い出した。 NGしか踏襲してなかった
@sungmiyang9851
@sungmiyang9851 3 жыл бұрын
独学できますでしょうか?
@kamokamohara
@kamokamohara 3 жыл бұрын
どの動画もとても分かりやすいです! どうして投稿を辞めてしまったんですか。。。
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
動画をご覧いただきありがとうございます! そういっていただけるととても嬉しいです^_^ 投稿を辞めてしまった件ですが、本業が忙しくなってしまい動画制作の時間をとることが難しくなってしまったのが理由です^^; また、デザイン関係の動画を投稿しようと思っておりますので、その際にはご覧いただけると幸いです😁 もし、こんなことについて教えて欲しいなどあればお気軽にコメントいただければと想います!
@user-nd3sy4fn8w
@user-nd3sy4fn8w 3 жыл бұрын
Sketchの解説動画というものがほぼないので、本当に助かっています!ありがとうございます! ただ、ピンがうまくいかず、デバイスを変えるときちんと反応してくれません。 アートボードを自分で適当に引き伸ばす場合はうまく動いてくれます。 バージョンの問題かなと思いまして、ver.55くらいから最新69まで試したのですがダメでした>< ここで躓くと、後半でも同じようにうまくいかない箇所がでてきてしまいとても困ってます。。。
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
動画をご覧いただきましてありがとうございます!Sketchの勉強ってあまり情報がないので大変ですよね😅 アートボードのところについて私の方でも同じ現象を確認することができました。解決方法とまでは行かないのですが、対処方法について解説動画をご用意いたしましたので以下をご覧いただければ幸いです^_^ (解説動画) d.pr/v/8edMRX
@user-nd3sy4fn8w
@user-nd3sy4fn8w 3 жыл бұрын
@@takafumikawaidesign4483 ご返信と、丁寧に説明動画まで…!ありがとうございます! 無事解決できました!! (こういうのにコメントすること自体初めてだったのでドキドキしましたが  ご返信いただけて感動しました^^) すみません、他にもありまして 先の動画でもプラグインのバグなのか、説明通りにやっていてもうまくいかない箇所があります。 #8で画面下にボタン2つ追加する部分で 長いテキスト「シグナルを送信」をいれると折り返してしまうので、幅を広げたときに 楕円形が横長になって広がってしまいます。 また、#9でも4:01くらいからヘッダーの左端に「<」アイコンを追加する部分で ピンを設定すると、UI画面に戻ったときに、位置がずれてしまい、またアイコン自体も拡大されていまいます。 お手数おかけしてしまい申し訳ありませんが、 ご確認いただけますと幸いです。 よろしくお願いいたします…!
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
@@user-nd3sy4fn8w お返事ありがとうございます^_^ 無事に問題解決できたとのことで良かったです😄 また、ご不明点についてご相談ありがとうございます!もし、お手間でなければ現在作成中のSketchデータを以下よりアップロードいただけないでしょうか? (アップロード先) www.dropbox.com/request/b7gqjV8UXarwSMypAQTY 私の方でも原因を調べてみたいと思います!
@user-nd3sy4fn8w
@user-nd3sy4fn8w 3 жыл бұрын
@@takafumikawaidesign4483 お返事ありがとうございます! データまで見ていただけるなんて、本当に感謝です! Sketchのデータと、私の環境下でのスクショとして説明画像も添付しました お手すきの際、どうぞよろしくお願いいたしますmm
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
@@user-nd3sy4fn8w Sketchのデータをお送りいただきましてありがとうございます。私の方でも同じ現象を確認することができました。 たしかな原因はわからないのですが、animaのプラグインとSketchのバージョンによる不具合なのかと思われます^^; そこで、sketchの方のピン留め機能を使って解決する方法について動画にまとめましたのでご覧いただければ幸いです😁 (解説動画) d.pr/v/kRx7YF また、こちら実際に動画で修正したファイルになります。 (sketchデータ) www.dropbox.com/s/nvuz0yp25dhzcxb/%E3%81%AB%E3%82%83%E3%82%93%E3%81%93%E3%81%B2%E3%82%81%20-%20signals-starer-kit-demo.sketch?dl=0
@nayamimondai70
@nayamimondai70 3 жыл бұрын
内容も素晴らしいですが、話し方が凄く上手です。
@takafumikawaidesign4483
@takafumikawaidesign4483 3 жыл бұрын
動画をご覧いただきありがとうございます^_^ 今後もデザイン関連の動画をアップしていきたいと思いますので、どうぞよろしくお願いいたします!
@user-lw1wy8ro6t
@user-lw1wy8ro6t 4 жыл бұрын
すごくわかりやすいです。ありがとうございます。しかしなぜか、ピン留めがうまくできません。background を選択して、そこに対してAnimaのピン留めを、動画でのご指示通りに設定しています・・・
@user-lw1wy8ro6t
@user-lw1wy8ro6t 4 жыл бұрын
すみません!できてました。なんか、ピン留めできたかをチェックするために、間違えてバックグラウンドの図形を引き伸ばしてしまっていました。アートボードを、引き伸ばしたらちゃんとピン留めされていました。失礼しました!引き続き、動画でお勉強いたします。
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
@@user-lw1wy8ro6t 動画をご覧いただきましてありがとうございます!お返事が遅くなってしまい申し訳ございませんでした。。 ご自身で解決できたとのことで大変良かったです^_^
@user-il4ok9hz8d
@user-il4ok9hz8d 4 жыл бұрын
アップルTVをHDMIで見る際、Bluetoothスピーカーにどうしてもつながりません。。何か方法がありましたら教えて頂けますと幸いでございます。
@mikidesu100
@mikidesu100 4 жыл бұрын
Amazonプライムで映画を再生すると、16:9の画面では見れず、縦長になると聞きました、これは本当でしょうか?、引き続き質問申し訳ありません。
@mikidesu100
@mikidesu100 4 жыл бұрын
初めまして、とても興味ある商品なのでとても参考になりました。途中、画面の大きさを人物と比較して頂きましたが、とても大きく感じました。80インチ以上と捉えてよろしかったでしょうか?
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
動画をご覧いただきありがとうございます!投影距離から計算すると約80インチになるかと思います。投影距離とスクリーンサイズについては次のようになるようです^_^ 100 in @3.08 m、 80 in @2.46 m、 60 in @1.73 m、 40 in @1.15 m
@mikidesu100
@mikidesu100 4 жыл бұрын
有難うございました、とても参考になりました。
@user-bj9im3qn4t
@user-bj9im3qn4t 4 жыл бұрын
とてもわかりやすかったです!ありがとうございます^^
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
ご覧いただきましてありがとうございます!今後もデザイン関連の動画をアップしていきたいと思いますので、どうぞよろしくお願いいたします^_^
@shiy9948
@shiy9948 4 жыл бұрын
Netflixを見るためにNebula managerをインストールしたのですが、開くが出てこず、それ以降進めません。何か方法はありますか?
@hiroyukisunagawa7539
@hiroyukisunagawa7539 4 жыл бұрын
広告代理店の内定者です! 研修の中でなんとなく「うまくいかないなぁ」が溜まっていて、落ち込んでいたのですが、KAWAIさんの動画のおかげでかなり解消されました! 今後も動画楽しみにしています!
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
お返事が遅くなってしまい大変すみませんでした。 広告代理店へのご就職おめでとうございます!デザインってなんとなく感覚的に説明されることが多いので、ポイントがわからないとモヤモヤしてしまうことがありますよね。。こちらの動画で少しでもモヤモヤが解消されて良かったです^_^ 今後もデザインやプログラミングについての動画をアップしていきますので、何卒よろしくお願いいたします😁
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
アプリについての詳しい情報はサイトやブログをご覧ください(^^) 公式サイト👉www.designbox.tech/ja アプリを作ったキッカケは👉morningcoding.me/design-box-reason/
@mhrkzy1122
@mhrkzy1122 5 жыл бұрын
こんにちは!動画を見て購入に至りました。参考になるレビューありがとうございました。 質問がありまして、当製品が電源がオフの状態でスマートスピーカーからオンにする制御の仕方ご存知でしょうか?
@takafumikawaidesign4483
@takafumikawaidesign4483 4 жыл бұрын
こんにちは!この度は動画をご覧いただきましてありがとうございます(^^) 実は僕もアレクサなどから制御できないか調べてみたのですが、方法がわかりませんでした。。スマートスピーカーから制御できたら便利なんですけどね(^_^;) コメントいただいたのにも関わらずお役に立てず大変申し訳ございません。
@mhrkzy1122
@mhrkzy1122 4 жыл бұрын
@@takafumikawaidesign4483 ご返事ありがとうございます!ですかあ、やっぱ。朝の目覚ましでYou Tubeのニュースアカを再生するようにしてるのですが、その場合寝てる間、スクリーセーバーにした状態にしてて劣化などの心配がありました。ディスプレイと違い液晶焼けなどはないとは思いますが何かが心配で汗 ご丁寧にありがとうございました。
@Banesuke0446
@Banesuke0446 5 жыл бұрын
こんにちは 動画拝見しました! 明るい部屋での使用感はどうでしょうか? わかることあれば是非教えて下さい!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
こんにちは! 動画をご覧いただきありがとうございます。 撮影場所とは違うところになってしまうのですが、6畳ほどの部屋で電気をつけた状態で壁に投影してみました!文字や画像などは認識できる程度には映っているように思われます^_^ 写真を添付いたしましたので、ご参考になれば幸いです! (参考画像) d.pr/free/i/VCozDL d.pr/free/i/GOHFf9
@Banesuke0446
@Banesuke0446 5 жыл бұрын
TAKAFUMI KAWAI DESIGN たかふみさん、早速のお返事ありがとうございます😊 参考画像見させていただきました。 モバイルでこの明るさならかなり優秀ですね!!
@etf9278
@etf9278 4 жыл бұрын
情報ありがとうございます!! 購入しました。 楽しみです!
@TB-ko6ux
@TB-ko6ux 5 жыл бұрын
Amazonプライムビデオをapkファイルでインストールしました。しかし、ログインしても動画が見れません。 大丈夫わかりますか?
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
動画ご覧いただきありがとうございます! あの後、File Commanderというアプリを使ってAPKをダウンロードしたら無事にインストールすることができました^_^ これで快適なシネマライフが送れそうです!僕の方ではAmazonプライムにログインして動画を再生することができたんですが、何かアプリのバージョンとかで見れれない場合がある感じですかね?
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
NEBULA CAPSULEⅡはボタン1つでモバイルスピーカーとしても使えます。 充電式なのでコンセントがないところでも使えていい感じです^_^ 今年の夏はこれで沢山映画見たいと思います!
@shisorasse6933
@shisorasse6933 5 жыл бұрын
動画を上げてくださりありがとうございます。 超初心者ですが、見よう見まねで最後まで終了し、プロトタイピングによって自分のスマホ上で動かせた事にすら感動しました。特に 逐一同じ解説をリピートしながら進めてくださったところが、初心者にとって非常に助かりました。 次の動画も拝見させていただきます。
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
動画をご覧いただきましてありがとうございます!少しでもお役に立てたようでとても嬉しいです^_^ 実際に手を動かしながらデザインしていくのって面白いですよね!プロトタイピングしたものが実際にスマホ上で動いたときの感動ってなんとも言えない達成感があると思います! 今後もデザインスキルを向上させる動画をアップしていきたと思いますので、お時間あるときにご覧いただければ幸いです。 どうぞよろしくお願いいたします😁
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
簡単そうに見える名刺のデザインも自分でやってみると、情報が多すぎて上手くまとめるのが難しい場合があります。そんなときは、この動画で紹介しているグルーピングを意識してみましょう!
@kiyokiyoshi5493
@kiyokiyoshi5493 5 жыл бұрын
Sketch初心者用動画の中で、抜群に良いと思います。 ショートカットキーの場所も字幕がついていてわかりやすいし、 何よりスターターキットという教材まで用意されているので、動画と一緒に手を動かすことで1から作る感覚を磨けます。 こういう動画がKZfaqに増えるともっと良いプラットフォームになるのではないでしょうか。 一本一本の動画の質が高いので撮るのは大変だと思いますが、これからも頑張ってください!!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
動画をご覧いただきましてありがとうございます!また、お褒めのお言葉いただきまして大変恐縮しております。少しでもお役に立ててとても嬉しく思います。 クオリティを維持しながらも、デザインスキルが身につくような動画を今後も配信していきたいと思いますので、お時間あるときにご覧いただければ幸いです^_^ 今後共どうぞよろしくお願いいたします!!
@kemi6463
@kemi6463 5 жыл бұрын
6:00 のところで、設定をしてあるのでcommand+Dで等間隔を保ったまま間に欄を挿入できるとのことですが、 同じ手順でやってもログインボタンの下辺の位置は固定で、それぞれの欄の縦幅が縮小されて挿入される感じになってしまいます 何が原因でしょうか…?
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
けんころもちさん、ご質問ありがとうございます。 また、動画をご覧いただきありがとうございます^_^ ご質問内容についてですが、私の方で想定される原因をいくつか考えてみました。おそらく、ピン付けの設定によるものかと思われます。 詳しくは以下の動画で解説しておりますので、お時間あるときにご覧いただければ幸いです。 よろしくお願いいたします。 (解説動画)d.pr/free/v/NEk7i2
@kemi6463
@kemi6463 5 жыл бұрын
@@takafumikawaidesign4483 ご返信ありがとうございます!わざわざ動画まで…!!とても嬉しいです。 確認してみたところ、パターン3の状態になっておりました。Hのチェックを外した結果、うまく挿入できました。 AnimaのW/Hの意味がいまいちわかっていなかったのですが、今回でよく理解できました! 没頭キャストのSketch講座がきっかけで拝聴しているのですが、この動画とブログに巡り会えてよかったです。 引き続き参考にさせていただきます!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
@@kemi6463 無事に問題が解決できたようで安心いたしました!また、W/Hのピン付けについても理解いただけたようで良かったです^_^ 今後もデザイン全般について学べる動画を発信していきたいと思いますので、お時間あるときにご覧いただければ幸いです! よろしくお願いいたします!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
この動画で紹介しているSparkPostというアプリ、僕も初めて使ってみたのですがとっても便利です! kindle以外にも名刺やツイッターなどのカバーデザインも作れるので、色々と作ってみるのも面白そうですね^_^
@youbless1032
@youbless1032 5 жыл бұрын
すごくわかりやすい説明です。 ありがとうございます。 たくさん、勉強させていただいています。
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
ご覧いただいてありがとうございます!また、コメントありがとうございます! 今後もデザインについて学べる動画を配信していきたいと思いますので、どうぞよろしくお願いいたします!もし、わからないところなどあれば気軽にコメント欄でご質問いただければと思います^_^
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
デザインのイメージにあった写真が選べるかどうかで、デザインの良し悪しが決まるといっても過言ではありません。 みなさんも写真を含むデザインをする時には、時間をかけてじっくり写真を選んで見てください!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
線の太さや余白の広さがちょっと変わるだけで、全体の雰囲気が変わってしまうところがデザインの面白いところですね。 料理をしているときに塩を一匙いれると味が締まるの感じに似ていますね^_^
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
動画の中で紹介しているグラデーションツールの解説動画についてはこちらをご覧ください。 (紹介動画)kzfaq.info/get/bejne/nd94Y9Sgza_Hg6s.html (WebGradientsのURLはこちら)webgradients.com/
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
レッスン動画を最後までご覧いただきましてありがとうごございます! 今後もSketch関連の動画をアップしていきますので、よろしくお願いいたします。
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
Sketchのシンボル機能を上手に使うとデザインが進むに連れて、効率よく作業を進められるようになります。HTMLやCSSでウェブサイトを作っているときの感覚ににていますね!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
同じ要素をグリッド状に並べるのは結構な大変な作業になるので、プラグインを使ったほうが素早く綺麗に仕上げることができます!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
シンボルに内にあるテキストは必要に応じてロックすることで、インスタンスを編集するときに余計な入力フォームが隠せるようになります!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
ちょっと複雑なボタンのシンボルも、Anima tool kitのピン機能と事前に登録したアイコンを使えば簡単に作れるようになります!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
一見すると複雑に見えるイラストも、実はシンプルな図形の組み合わせで作れたりします。 イラストを作成する前に単純な図形に分解できないか考えてみることをオススメします!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
Sketchを使えば基本的な描画ツールだけでもシンプルなアイコンが簡単に作れるようになります。
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
レッスンを始める前にこちらからスターターキットをダウンロードしてください! (ダウンロード先)d.pr/free/f/W06flD
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
一度作ったアートボードを再利用することで、他のUI画面も簡単につくれるようになります!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
(IconBros)www.iconbros.com/ 使い方もシンプルで登録不要でいつでも使えるので、みなさんもクオリティの高いアイコンが必要な場合は使ってみてください!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
(Pigment) pigment.shapefactory.co/ デザインを始めたばかりだとたくさんある色の中から最適な組み合わせを選ぶのが大変だったりします。 そんな時はこのツールを使ってイメージにあったパターンを見つけてみましょう!
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
こういうパターンって自分で作ると結構大変だったりするので、こういうツールを使って時短しちゃいましょう! (Trianglify)trianglify.io/
@takafumikawaidesign4483
@takafumikawaidesign4483 5 жыл бұрын
UIデザイン内で何度も使いそうなパーツに関してはシンボル化して作業効率をアップしていきましょう!