2018年の総合職・デザイナー向け技術基礎研修で使った資料。 関連エントリ: http://techlife.cookpad.com/entry/2018/05/09/080000
いわゆるフラッシュプレゼン(*)のスライドの作成においては「文字を抜いていく」という意識が不可欠。サンプルで解説してみます。 セリフ(口頭で話す内容)をそのまま記入した例スライド内のテキストボックス内に自動折り返しで文字を入力しただけの状態。 これを、グラフィックデザインでは「ナリユキ」といいます。この場合だと「好きなのは」というカタマリが分断されてしまうので、読むスピード(=理解のスピード)が落ちてしまいます。 プレゼンのスライドは、ある意味、すべてがキャッチコピー。 「読んでから理解する」のではなく、ポスターのように一瞬で「すっと入ってくる」ようにするためには、改行のケアが不可欠です。 なお、行間も調整されていないため、上下の行が、つながっているのか、別のアイテムなのか、「パッと見」で判断できません。 ナリユキをやめて文節で改行ナリユキをやめて、文節で改行した例です。行間も調整していま
どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上のGitHubでMarkdown(マークダウン)ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービスのご紹介です! もちろん、自分でMarkdownファイルを用意してpushするだけでもOKなのですが、今回はコンソール画面などは使わずにすべてブラウザだけで完結できる方法をご紹介致します。 【 GitPitch 】 ■「GitPitch」の基本的な使い方! それでは、実際に簡単なスライド資料を作ってみましょう! まず最初に、自分のGitHubアカウントでログインし、新規のリポジトリを作成しましょう! 「① リポジトリ名」は好きな名前を付けてください。 画面下にある「② チェックボックス」をONにしてから「③ Create repository」ボタンをクリックしましょう。 すると、自動的に「README.md
Hello there! This simple tool (formerly known as 'GoogleImageSlideshow') allows you to easily generate and view an online image slideshow based on search results, as returned by Google Images. The present version should be quite stable, but of course there might always be bugs. If you find them, please email me about it. You can, of course, also email me about other stuff at the same address: info
dotsで開催されたReactの導入を検討されてる方向けの勉強会でお話しました https://eventdots.jp/event/597088
It's a time to migrate into Marp Next! The publication of classic Marp app has ended. Marp desktop app, a simple Markdown presentation writer, already had stopped maintenance since 2017. Today Marp team is focusing into Marp Next project, the brand-new presentation ecosystem for the future. See more details in our blog post. Why? We had kept publishing app for stuck users that are thinking Marp Ne
こんにちは。広報チームのチミヲです。 WordCamp Kansai 2016も終わって一ヶ月以上が経ちましたが、ようやくセッション動画とスライドがまとまったので、当日ご参加出来なかった方や、他のセッションと被って見れなかった方など、多くの皆さんに共有したいと思います! それでは、1日目のセッションから順番にご案内していきます! Camp 1日目のセッション セッション名 開会挨拶 スピーカー YAT 動画とスライド セッション動画 – セッション名 大規模メディアサイトに WordPress が選ばれる理由 スピーカー 高野 直子 動画とスライド セッション動画 セッションスライド セッション名 WooCommerceでECサイトを構築する時や運用上の注意点 スピーカー 田中 昌平 動画とスライド セッション動画 セッションスライド セッション名 The Tale of Calypso
Windows・Mac(OS X)・LinuxといったあらゆるOSで使用でき、マークダウン記法でプレゼン資料を作成できるソフトウェアが「Marp」です。無料で使えて日本語での記入やスライドのPDF化なども可能なので、実際に使ってみました。 Marp - Markdown Presentation Writer https://yhatt.github.io/marp/ Marpをダウンロードするには、トップページの「Download v0.0.8」をクリックして使用するOSを選択。今回は「Windows 64bit」をクリック。 「OK」をクリックするとダウンロードがスタート。 ダウンロードした「0.0.8-Marp-win32-x64.zip」をExplzhなどのツールで解凍。 解凍したファイルの中にある「Marp.exe」をクリックして起動します。 起動したこれが「Marp」。赤枠部分
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門:https://amzn.asia/d/4WDsTI6 デザイン図鑑:https
Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター(以下、MSC)という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。(スライド中に出てくる検討プ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く