カテゴリー: 制作お役立ち

Notionで複数ページの文書管理がはかどる!執筆、授業計画、レポートにもおすすめ!

ドキュメント管理ツールとして人気が高まってきているNotion。とにかくたくさんの機能があるので、多岐にわたる使い方ができちゃいます。その中でも今回は書籍の執筆、授業計画(シラバス)作成、論文やレポート執筆など、複数ページの文書管理方法について紹介します。
続きを読む

作って覚えるAdobe XDの便利機能 5つ

プロトタイプやデザインの制作時にAdobe XDを使っている人も多いでしょう。Adobe XDは新しい機能がちょこちょこ追加されているので、定期的にチェックするといいですね。今回はひとつのページを作成しながら、覚えておくと便利な機能を紹介します。
続きを読む

CSSファイルを読み込むだけ!クラスなしCSSフレームワークいろいろ

BootstrapでおなじみのCSSフレームワークでは、各要素に決められたクラス名を指定してスタイルを適用していました。ですが最近クラスを指定せず、HTMLを書くだけで整ったスタイルを適用してくれる「クラスなしCSSフレームワーク」が続々と登場しています。headタグ内にCSSファイルを読み込む記述を追加するだけでOK!学習コストもかからずとっても便利です。日本語版のデモも用意したので、どんな表示になるか確認してみてください。
続きを読む

在宅ワークの集中力を高めよう!環境音が聴ける作業BGM用Webサイト

このご時世、自宅でお仕事をしている人も多いかと思います。私はもう長い間在宅ワークなので慣れっこですが、在宅ワークを始めたばかりの人だと集中力の維持がひとつの課題になりますね。まったく音がない場所よりも適度にノイズがあったほうが集中しやすい環境なのだとか。そこで今回は自然の音や街の環境音、生活音などをまとめたWebサイトをいくつか紹介します。
続きを読む

拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の韓国語版が出版されました!

私の書いた書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の韓国語版が発売開始されました!翻訳にはノータッチですし、私自身韓国語はまったく読めないのですが、時々韓国の読者から連絡をもらったりもするのでお知らせします!
続きを読む

Illustratorで手描き風イラストを描く方法や無料ブラシいろいろ

ベクター形式で描かれたイラストは、拡大・縮小しても画像が劣化せず、編集もらくちん。なので多くのイラストはベクター形式を採用しています。Illustratorではベクター形式のイラストを手描き風タッチにすることも可能ですよ。久しぶりにIllustratorでがっつりイラストを描く機会があったので、手描き風イラストの作成方法を紹介します!
続きを読む

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました

Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき、管理もしやすくなるでしょう。昔から愛されてきたこのFont Awesomeですが、少し前からアカウント登録が必要になりました。今回はアカウント登録の手順から基本的な使い方を紹介します。
続きを読む

Affinity Designerで夏っぽいアイコンを作ったので無料配布します。商用利用OK!

今回は巷で話題のグラフィックツール「Affinity Designer」の使用感を確認するために、夏っぽいシンプルなアイコンを作って試してみました。Affinity DesignerはUIが日本語に対応していますし、料金も買い切りの6000円なので気軽に手にできます。訳あってPNG形式のみですが、商用利用もできるのでお気軽にダウンロードしてくださいね!Affinity Designerの使い方も簡単に紹介します!
続きを読む