Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

初心者でも作れるアイコン作成サイトまとめ

ブログやFacebookなどSNSのプロフィール画像など、ちょっとした画像が必要な時にはアイコン作成サイトが便利です。自分で絵を描いたり写真を取ったりできない場合、絵が描ける人に頼むのはお金がかかり、なかなかイメージ通りの画像を用意することは難しいものです。アイコン作成サイトなら簡単な操作でオリジナルのアイコンを手に入れることができます。今回はそのようなアイコン作成サイトをまとめました。萌える!ア……

投稿日:

デザイナーが教えるワイヤーフレームの書き方とポイント

この記事では、ワイヤーフレームのどこに・何を・どのように書けばよいか、情報の整理の仕方や相手に伝わりやすいワイヤーフレームを書くコツを紹介しています。ワイヤーフレームは会社やプロジェクトによって書き方が異なることもありますが、基本を学習する手助けになれば幸いです。ワイヤーフレームとはWebサイトの設計図のことで、「何を・どこに・どのように」配置するかを描いた図のことをワイヤーフレームと呼びます。ワ……

投稿日:

ファビコンとは? 初心者でもできるファビコンの作り方

近年ではWebサイトを閲覧する環境の多様化により、ファビコンの準備も煩雑になってきました。この記事では、ファビコンの簡単な作成・設置方法を解説しています。ファビコンとは?ファビコンとは、Webサイトを表示したときに、ブラウザのアドレスバーの横やタブの横に表示されるアイコンのことです。上記以外にも、サイトをブックマークに登録すると、一覧でサイト名の横にも表示されます。この時、ファビコンを設置してある……

投稿日:

JPGとJPEGの違いとは?

この記事では、写真画像等でおなじみのファイル形式、JPEG(ジェイペグ)について解説しています。JPEGにはJPGとJPEGのファイル拡張子があり、どう違うのか混乱される方もいらっしゃるのではないでしょうか。ここで、画像形式としてのジェイペグとファイル拡張子としてのジェイペグについて整理していきましょう。まずは、なぜJPGとJPEGと2種類の名称があるのか、そもそもジェイペグとは何かを解説していき……

投稿日:

CMYKとは? CMYKとRGBの違いなど

この記事では、印刷物に適したCMYKと、モニタ上などで表現するのに適したRGBの特性を解説し、それぞれどのような違いがあるかを詳しく説明しています。CMYKとRGBを使用する目的に応じて正しく使い分けることで、自分の思った通りの色を表現することができます。CMYKとは?CMYKは色料の三原色のことで、Cyan (シアン)・Magenta (マゼンタ)・Yellow(イエロー)を指します。色料の三原……

投稿日:

Huluチケットの使い方

Huluチケットとは、コンビニなどでチケットと呼ばれるカードを買って、カードに記載されているコードを入力することで、購入した期間分Huluのサービスが利用出来るものです。クレジットカードなど自動課金の方法が利用できない場合や、少しの期間利用したい場合に、解約を忘れて自動で課金されるのが心配だという方にオススメです。他のクレジットカードや携帯払い(ドコモのみ)とあわせて利用することも可能です。今回は……

投稿日:

Huluを解約(退会)する方法

Huluとは、動画配信サービスの1つです。Huluは月額料金の定額制で、税抜933円で全ての動画が見放題というわかりやすくお手軽な料金形態が人気のサービスです。今回は見たいタイトルがなくなってしまった場合や、他のサービスに切り替えるなど、Huluが不要になった場合の解約方法ご紹介します。Huluを解約(退会)する方法Huluでは、簡単に解約を行うことができます。まずは、いつも通り、右上のログインを……

投稿日:

Photoshopで使える花柄の無料パターン素材10選

華やかで清楚なイメージを添える花柄のパターンは、サイト上においても紙面上においても色々な場面で重宝します。今日は無料で利用できる便利な花柄パターン10選をご紹介します。Grandma’s Flowers「おばあちゃんのお花」という名前の通り、落ち着いた感じの花柄パターン4種。CCライセンス3.0により、商用利用の際は連絡が必要です。Water Color Floral Patternクレジット表記……

投稿日:

HTML5における<i>タグの使い方

<i>タグは、文章の中で声や音声、気分など、他の文と区別したい文章を表すのに使用します。一般的なブラウザでは、斜体・イタリックで表示されます。今回はHTML5における<i>タグの使い方をご紹介します。HTML5における<i>タグの使い方どんな要素にも言えることですが、<i>タグを使う場合は特に、より適している要素が他に無いかを検討した上で使用しましょう。<……

投稿日:

Atomの基本的な使い方

Atom はパッケージを導入していない場合であっても分からない点や見方があります。今回はAtom の見方と基本的な使い方についてご紹介します。Atom の使い方数字が記されている部分について説明していきます。1. Atom のタブ形式Atom は記述を行う部分から環境設定に至るまでの全体がタブで分けられた形になっており、タブ=ファイルになります。またタブ内に書き込みが加えられ保存されていない状態は……

投稿日: