- Видео 35
- Просмотров 79 425
TAKAFUMI KAWAI DESIGN
Япония
Добавлен 6 янв 2019
ブランド・アイデンティティ・デザイナーのタカフミがグラフィックツールの使い方やデザインに関するノウハウを動画形式でお伝えするデザインチャンネルです。これからデザインを勉強していきたい人はもちろん、自分のビジネスにデザインを取り入れたい経営者や個人事業主の方に向けてお役立ち情報を発信しています。
I made the most simple task management app for designer.
DesignBoxはフリーランス・デザイナーのあなたのために作られたシンプルなタスク管理アプリです。タスクに関連する作業フォルダを設定することで、フォルダを探す必要もなくデザイン業務に集中することができます。
Просмотров: 412
Видео
NEBULA CAPSULE2をさっそく使ってみたよ!
Просмотров 26 тыс.5 лет назад
Ankerから発売された持ち運びの出来る小型のホームプロジェクター NEBULA CAPSULE2が届いたので商品レビューを兼ねてさっそく使ってみました!
名刺デザインはグルーピングが大切
Просмотров 3,2 тыс.5 лет назад
架空の弁護士事務所を題材にして、名刺をデザインするときに大切な7つのポイントを解説します。デザイン全般で大切な考え方となるグルーピングやアイコンを使うときの注意点などもあわせて紹介します。
アプリでKindleのカバーデザインを作ってみよう!
Просмотров 4045 лет назад
AdobeのSpark Postというアプリを使って、スマホだけでAmazonのkindleブックの表紙カバーをデザインする方法を解説しています。アプリの使い方はもちろん、デザインする上でポイントとなる部分もあわせて勉強していきましょう!
食べ物系のデザインは色に注意しよう!
Просмотров 1,2 тыс.5 лет назад
食べ物系のデザインをする時に重要な要素に色があります。このレッスンではテキサスバーガーという商品のバナーデザインを通して、食べ物系のデザインをするときに気をつけたい6つのポイントを解説しています。
高級感のあるデザインにする7つのポイント
Просмотров 26 тыс.5 лет назад
腕時計の商品ポスターを例にして、高級感のあるデザインをするうで大切な7つのポイントについて解説していきます。線や余白をちょっと意識するだけで、印象がガラっと変わることが分かると思います。
デザインでやってはいけない8つのNGポイント
Просмотров 4,9 тыс.5 лет назад
デザイン初心者の人がついついやってしまいがちな8つのNGポイントについて解説しています。この8つのポイントを意識するだけでもデザインがグッと良いものになります。「デザインがなぜかダサく見える」「なんかパッとしない」とお困りの人は参考にしてみてください。
Sketchを使ったプロトタイピング
Просмотров 6605 лет назад
Sketchのホットスポットツールを使って、ボタンをタップしたら別の画面に移動するようなUIデザインに動きをつけるプロトタイピングの方法を解説しています。
Sketchでポップアップ画面を作成する
Просмотров 2635 лет назад
Sketchを使って受信したメッセージを閲覧するポップアップ画面を作成していきます。これまでに作ったシンボルを組み合わせることで簡単に作ることができます。
Sketchで複製機能を使う
Просмотров 2265 лет назад
SketchにインストールしたCraftというプラグインの中にある複製機能を使って、シグナルアイコンをグリッド状に配置する方法について解説しています。
Sketchで複雑なイラストを作成する
Просмотров 3535 лет назад
Sketchの長方形や楕円ツールなどを使って、ちょっと複雑なイラストを作成していきます。シンボル内の要素をロックすることで、入力フォームを隠す方法についても解説していきます。
Sketchでボタンのシンボルを作成する
Просмотров 4185 лет назад
Sketchを使って既に登録したアイコンと楕円ツール、テキストツールを使って丸いボタン用のシンボルを作成していきます。
Sketchで背景のイラストを作成する
Просмотров 3425 лет назад
Sketchのペンツールや楕円ツールを使って背景となる宇宙空間のイラストを作成していきます。回転ツールや図形を合成する機能についても解説していきます。
Sketchでアイコンを作成する
Просмотров 4365 лет назад
Sketchの描画ツールを使ってアイコンを作成する方法について勉強していきます。知っておくと便利なアウトライン化についても解説します。
Sketchの使い方を学ぶ前に。
Просмотров 2,3 тыс.5 лет назад
全12回のレッスンを通して、Sketchを使ったアプリのUIデザインを勉強していきます!Sketchの基本的な使い方はもちろん、シンボルやレイヤースタイルなどの概念、ホットスポット機能を使ったプロトタイピングまでを解説していきます。
サイトに使うオシャレな背景画像はSubtle Patternsで見つけよう!
Просмотров 3055 лет назад
サイトに使うオシャレな背景画像はSubtle Patternsで見つけよう!
illustrator不要?無料のデザインツールGravitを使ってみよう!
Просмотров 4,2 тыс.5 лет назад
illustrator不要?無料のデザインツールGravitを使ってみよう!
どうもありがとうございます。 本当に分かりやすいし、リーズナブルです! 自分はあと、幾つかのSNSのアドレス(またはアカウント名)を載せたいと思ってますが、ロゴ(アイコン)を併記するよりは、単純に「LINE」「facebook」とかの文字だけにした方が 客観的に見やすいでしょうか?
とても勉強になりました😊
凄い勉強になりました。チャンネル登録させて頂きました😊
名刺の高級感な感じの作り方もアップして頂きたいです
デザインの話をとてもセンスよく、わかりやすく 説明してくださり、勉強になりました。
正直質素すぎて高級感感じなかったw
向いてないっすね…😅
Netflixを見ることはできますか?
心の「へえ〜ボタン」何回も押してしまいましたw アップルのデザイナーが、伝えたい事ほどシンプルにせよ。と言った理由が分かる気がします😃
わかりやすい!
昨日nebula capsule 2を購入してNetflixを入れたくてGoogleストアでnebula managerを入れようとしたら検索結果がでてこなかったのですが対策方法はありますでしょうか?
海外チームとの仕事で急にsketchを使用することになり、こちらに辿り着きました。このような解説動画を無料で出していただき操作の基礎を習得でき、大変感謝しております。
動画をご覧いただきありがとうございます(^^) バージョンによって若干使い方が変わっていると点があり、分かりづらい箇所もあったかと思いますがお役に立てたようで大変嬉しいです😁 プロジェクトによっては普段とは違うツールを使う場合もあったりするので、大変なことがありますよね^^; 今後ともデザイン関係の動画をアップできればと思っておりますので、どうぞよろしくお願いいたします!
なんかいい
中学のパソコンの授業を思い出した。 NGしか踏襲してなかった
独学できますでしょうか?
どの動画もとても分かりやすいです! どうして投稿を辞めてしまったんですか。。。
動画をご覧いただきありがとうございます! そういっていただけるととても嬉しいです^_^ 投稿を辞めてしまった件ですが、本業が忙しくなってしまい動画制作の時間をとることが難しくなってしまったのが理由です^^; また、デザイン関係の動画を投稿しようと思っておりますので、その際にはご覧いただけると幸いです😁 もし、こんなことについて教えて欲しいなどあればお気軽にコメントいただければと想います!
Sketchの解説動画というものがほぼないので、本当に助かっています!ありがとうございます! ただ、ピンがうまくいかず、デバイスを変えるときちんと反応してくれません。 アートボードを自分で適当に引き伸ばす場合はうまく動いてくれます。 バージョンの問題かなと思いまして、ver.55くらいから最新69まで試したのですがダメでした>< ここで躓くと、後半でも同じようにうまくいかない箇所がでてきてしまいとても困ってます。。。
動画をご覧いただきましてありがとうございます!Sketchの勉強ってあまり情報がないので大変ですよね😅 アートボードのところについて私の方でも同じ現象を確認することができました。解決方法とまでは行かないのですが、対処方法について解説動画をご用意いたしましたので以下をご覧いただければ幸いです^_^ (解説動画) d.pr/v/8edMRX
@@takafumikawaidesign4483 ご返信と、丁寧に説明動画まで…!ありがとうございます! 無事解決できました!! (こういうのにコメントすること自体初めてだったのでドキドキしましたが ご返信いただけて感動しました^^) すみません、他にもありまして 先の動画でもプラグインのバグなのか、説明通りにやっていてもうまくいかない箇所があります。 #8で画面下にボタン2つ追加する部分で 長いテキスト「シグナルを送信」をいれると折り返してしまうので、幅を広げたときに 楕円形が横長になって広がってしまいます。 また、#9でも4:01くらいからヘッダーの左端に「<」アイコンを追加する部分で ピンを設定すると、UI画面に戻ったときに、位置がずれてしまい、またアイコン自体も拡大されていまいます。 お手数おかけしてしまい申し訳ありませんが、 ご確認いただけますと幸いです。 よろしくお願いいたします…!
@@JunkoK-h2l お返事ありがとうございます^_^ 無事に問題解決できたとのことで良かったです😄 また、ご不明点についてご相談ありがとうございます!もし、お手間でなければ現在作成中のSketchデータを以下よりアップロードいただけないでしょうか? (アップロード先) www.dropbox.com/request/b7gqjV8UXarwSMypAQTY 私の方でも原因を調べてみたいと思います!
@@takafumikawaidesign4483 お返事ありがとうございます! データまで見ていただけるなんて、本当に感謝です! Sketchのデータと、私の環境下でのスクショとして説明画像も添付しました お手すきの際、どうぞよろしくお願いいたしますmm
@@JunkoK-h2l 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
内容も素晴らしいですが、話し方が凄く上手です。
動画をご覧いただきありがとうございます^_^ 今後もデザイン関連の動画をアップしていきたいと思いますので、どうぞよろしくお願いいたします!
すごくわかりやすいです。ありがとうございます。しかしなぜか、ピン留めがうまくできません。background を選択して、そこに対してAnimaのピン留めを、動画でのご指示通りに設定しています・・・
すみません!できてました。なんか、ピン留めできたかをチェックするために、間違えてバックグラウンドの図形を引き伸ばしてしまっていました。アートボードを、引き伸ばしたらちゃんとピン留めされていました。失礼しました!引き続き、動画でお勉強いたします。
@@るら-m2g 動画をご覧いただきましてありがとうございます!お返事が遅くなってしまい申し訳ございませんでした。。 ご自身で解決できたとのことで大変良かったです^_^
アップルTVをHDMIで見る際、Bluetoothスピーカーにどうしてもつながりません。。何か方法がありましたら教えて頂けますと幸いでございます。
Amazonプライムで映画を再生すると、16:9の画面では見れず、縦長になると聞きました、これは本当でしょうか?、引き続き質問申し訳ありません。
初めまして、とても興味ある商品なのでとても参考になりました。途中、画面の大きさを人物と比較して頂きましたが、とても大きく感じました。80インチ以上と捉えてよろしかったでしょうか?
動画をご覧いただきありがとうございます!投影距離から計算すると約80インチになるかと思います。投影距離とスクリーンサイズについては次のようになるようです^_^ 100 in @3.08 m、 80 in @2.46 m、 60 in @1.73 m、 40 in @1.15 m
有難うございました、とても参考になりました。
とてもわかりやすかったです!ありがとうございます^^
ご覧いただきましてありがとうございます!今後もデザイン関連の動画をアップしていきたいと思いますので、どうぞよろしくお願いいたします^_^
Netflixを見るためにNebula managerをインストールしたのですが、開くが出てこず、それ以降進めません。何か方法はありますか?
広告代理店の内定者です! 研修の中でなんとなく「うまくいかないなぁ」が溜まっていて、落ち込んでいたのですが、KAWAIさんの動画のおかげでかなり解消されました! 今後も動画楽しみにしています!
お返事が遅くなってしまい大変すみませんでした。 広告代理店へのご就職おめでとうございます!デザインってなんとなく感覚的に説明されることが多いので、ポイントがわからないとモヤモヤしてしまうことがありますよね。。こちらの動画で少しでもモヤモヤが解消されて良かったです^_^ 今後もデザインやプログラミングについての動画をアップしていきますので、何卒よろしくお願いいたします😁
アプリについての詳しい情報はサイトやブログをご覧ください(^^) 公式サイト👉www.designbox.tech/ja アプリを作ったキッカケは👉morningcoding.me/design-box-reason/
こんにちは!動画を見て購入に至りました。参考になるレビューありがとうございました。 質問がありまして、当製品が電源がオフの状態でスマートスピーカーからオンにする制御の仕方ご存知でしょうか?
こんにちは!この度は動画をご覧いただきましてありがとうございます(^^) 実は僕もアレクサなどから制御できないか調べてみたのですが、方法がわかりませんでした。。スマートスピーカーから制御できたら便利なんですけどね(^_^;) コメントいただいたのにも関わらずお役に立てず大変申し訳ございません。
@@takafumikawaidesign4483 ご返事ありがとうございます!ですかあ、やっぱ。朝の目覚ましでYou Tubeのニュースアカを再生するようにしてるのですが、その場合寝てる間、スクリーセーバーにした状態にしてて劣化などの心配がありました。ディスプレイと違い液晶焼けなどはないとは思いますが何かが心配で汗 ご丁寧にありがとうございました。
こんにちは 動画拝見しました! 明るい部屋での使用感はどうでしょうか? わかることあれば是非教えて下さい!
こんにちは! 動画をご覧いただきありがとうございます。 撮影場所とは違うところになってしまうのですが、6畳ほどの部屋で電気をつけた状態で壁に投影してみました!文字や画像などは認識できる程度には映っているように思われます^_^ 写真を添付いたしましたので、ご参考になれば幸いです! (参考画像) d.pr/free/i/VCozDL d.pr/free/i/GOHFf9
TAKAFUMI KAWAI DESIGN たかふみさん、早速のお返事ありがとうございます😊 参考画像見させていただきました。 モバイルでこの明るさならかなり優秀ですね!!
情報ありがとうございます!! 購入しました。 楽しみです!
Amazonプライムビデオをapkファイルでインストールしました。しかし、ログインしても動画が見れません。 大丈夫わかりますか?
動画ご覧いただきありがとうございます! あの後、File Commanderというアプリを使ってAPKをダウンロードしたら無事にインストールすることができました^_^ これで快適なシネマライフが送れそうです!僕の方ではAmazonプライムにログインして動画を再生することができたんですが、何かアプリのバージョンとかで見れれない場合がある感じですかね?
NEBULA CAPSULEⅡはボタン1つでモバイルスピーカーとしても使えます。 充電式なのでコンセントがないところでも使えていい感じです^_^ 今年の夏はこれで沢山映画見たいと思います!
動画を上げてくださりありがとうございます。 超初心者ですが、見よう見まねで最後まで終了し、プロトタイピングによって自分のスマホ上で動かせた事にすら感動しました。特に 逐一同じ解説をリピートしながら進めてくださったところが、初心者にとって非常に助かりました。 次の動画も拝見させていただきます。
動画をご覧いただきましてありがとうございます!少しでもお役に立てたようでとても嬉しいです^_^ 実際に手を動かしながらデザインしていくのって面白いですよね!プロトタイピングしたものが実際にスマホ上で動いたときの感動ってなんとも言えない達成感があると思います! 今後もデザインスキルを向上させる動画をアップしていきたと思いますので、お時間あるときにご覧いただければ幸いです。 どうぞよろしくお願いいたします😁
簡単そうに見える名刺のデザインも自分でやってみると、情報が多すぎて上手くまとめるのが難しい場合があります。そんなときは、この動画で紹介しているグルーピングを意識してみましょう!
Sketch初心者用動画の中で、抜群に良いと思います。 ショートカットキーの場所も字幕がついていてわかりやすいし、 何よりスターターキットという教材まで用意されているので、動画と一緒に手を動かすことで1から作る感覚を磨けます。 こういう動画がRUclipsに増えるともっと良いプラットフォームになるのではないでしょうか。 一本一本の動画の質が高いので撮るのは大変だと思いますが、これからも頑張ってください!!
動画をご覧いただきましてありがとうございます!また、お褒めのお言葉いただきまして大変恐縮しております。少しでもお役に立ててとても嬉しく思います。 クオリティを維持しながらも、デザインスキルが身につくような動画を今後も配信していきたいと思いますので、お時間あるときにご覧いただければ幸いです^_^ 今後共どうぞよろしくお願いいたします!!
6:00 のところで、設定をしてあるのでcommand+Dで等間隔を保ったまま間に欄を挿入できるとのことですが、 同じ手順でやってもログインボタンの下辺の位置は固定で、それぞれの欄の縦幅が縮小されて挿入される感じになってしまいます 何が原因でしょうか…?
けんころもちさん、ご質問ありがとうございます。 また、動画をご覧いただきありがとうございます^_^ ご質問内容についてですが、私の方で想定される原因をいくつか考えてみました。おそらく、ピン付けの設定によるものかと思われます。 詳しくは以下の動画で解説しておりますので、お時間あるときにご覧いただければ幸いです。 よろしくお願いいたします。 (解説動画)d.pr/free/v/NEk7i2
@@takafumikawaidesign4483 ご返信ありがとうございます!わざわざ動画まで…!!とても嬉しいです。 確認してみたところ、パターン3の状態になっておりました。Hのチェックを外した結果、うまく挿入できました。 AnimaのW/Hの意味がいまいちわかっていなかったのですが、今回でよく理解できました! 没頭キャストのSketch講座がきっかけで拝聴しているのですが、この動画とブログに巡り会えてよかったです。 引き続き参考にさせていただきます!
@@kemi6463 無事に問題が解決できたようで安心いたしました!また、W/Hのピン付けについても理解いただけたようで良かったです^_^ 今後もデザイン全般について学べる動画を発信していきたいと思いますので、お時間あるときにご覧いただければ幸いです! よろしくお願いいたします!
この動画で紹介しているSparkPostというアプリ、僕も初めて使ってみたのですがとっても便利です! kindle以外にも名刺やツイッターなどのカバーデザインも作れるので、色々と作ってみるのも面白そうですね^_^
すごくわかりやすい説明です。 ありがとうございます。 たくさん、勉強させていただいています。
ご覧いただいてありがとうございます!また、コメントありがとうございます! 今後もデザインについて学べる動画を配信していきたいと思いますので、どうぞよろしくお願いいたします!もし、わからないところなどあれば気軽にコメント欄でご質問いただければと思います^_^
デザインのイメージにあった写真が選べるかどうかで、デザインの良し悪しが決まるといっても過言ではありません。 みなさんも写真を含むデザインをする時には、時間をかけてじっくり写真を選んで見てください!
線の太さや余白の広さがちょっと変わるだけで、全体の雰囲気が変わってしまうところがデザインの面白いところですね。 料理をしているときに塩を一匙いれると味が締まるの感じに似ていますね^_^
動画の中で紹介しているグラデーションツールの解説動画についてはこちらをご覧ください。 (紹介動画)ruclips.net/video/gyH0qohIcSw/видео.html (WebGradientsのURLはこちら)webgradients.com/
レッスン動画を最後までご覧いただきましてありがとうごございます! 今後もSketch関連の動画をアップしていきますので、よろしくお願いいたします。
Sketchのシンボル機能を上手に使うとデザインが進むに連れて、効率よく作業を進められるようになります。HTMLやCSSでウェブサイトを作っているときの感覚ににていますね!
同じ要素をグリッド状に並べるのは結構な大変な作業になるので、プラグインを使ったほうが素早く綺麗に仕上げることができます!
シンボルに内にあるテキストは必要に応じてロックすることで、インスタンスを編集するときに余計な入力フォームが隠せるようになります!
ちょっと複雑なボタンのシンボルも、Anima tool kitのピン機能と事前に登録したアイコンを使えば簡単に作れるようになります!
一見すると複雑に見えるイラストも、実はシンプルな図形の組み合わせで作れたりします。 イラストを作成する前に単純な図形に分解できないか考えてみることをオススメします!
Sketchを使えば基本的な描画ツールだけでもシンプルなアイコンが簡単に作れるようになります。
レッスンを始める前にこちらからスターターキットをダウンロードしてください! (ダウンロード先)d.pr/free/f/W06flD
一度作ったアートボードを再利用することで、他のUI画面も簡単につくれるようになります!
(IconBros)www.iconbros.com/ 使い方もシンプルで登録不要でいつでも使えるので、みなさんもクオリティの高いアイコンが必要な場合は使ってみてください!
(Pigment) pigment.shapefactory.co/ デザインを始めたばかりだとたくさんある色の中から最適な組み合わせを選ぶのが大変だったりします。 そんな時はこのツールを使ってイメージにあったパターンを見つけてみましょう!
こういうパターンって自分で作ると結構大変だったりするので、こういうツールを使って時短しちゃいましょう! (Trianglify)trianglify.io/