表現の幅を一層広げる筆文字のデザインは日常の様々な場面で目にするようになりました。例えば、「社名ロゴ、店舗ロゴ」「webサイトや番組のタイトル」「広告やチラシ」「看板、のれん」「メニューや商品のロゴ」「表札」「名刺」などでよく使われています。。 書体を変えることで躍動感、静けさ、高級感、可愛らしさなど、表現方法が無限にできることや、デジタルにはなRead More…
WordPressは、CMS (コンテンツ・マネジメント・システム)というプラットフォームのシステムのことで、WEBサイトやブログの構築をすることのできるWEBサービスの1つです。 CMSとは、Content Management Systemの略で、日本語に訳すと「コンテンツ管理システム」です。その名の通りコンテンツを管理するシステムで、一般的Read More…
WEBサイトを制作するにあたり、特にビジュアル面で気をつけておくべきポイントや共通要素などをデザインテイスト別に分けて考察していきます。 今回で第4回目となるこの記事では、「素材感を活かした手作り風のサイトを作る際のポイント」についてをまとめておきます。 グラフィックソフトの機能を駆使することで直線的でシャープ スマートな表現はできるけれど、一見Read More…
WEBサイトを制作するにあたり、特にビジュアル面で気をつけておくべきポイントや共通要素などをデザインテイスト別に分けて考察していきます。 今回で第3回目となるこの記事では、「大量の商品を見せるデザイン レイアウトにする際に押さえておくこと」についてをまとめておきます。 1. 大量の商品を掲載するサイトを作る時のポイント 情報アーキテクチRead More…
WEBサイトを制作するにあたり、特にビジュアル面で気をつけておくべきポイントや共通要素などをデザインテイスト別に分けて考察していこうと思います。 この記事では、「食品」「飲料」を扱ったサイトのデザインについて押さえておくことをまとめておきます。 1. 「食品」「飲料」を扱ったサイトを作る際のポイント 五感を刺激するデザインであること 食Read More…
【ワードプレス学習 進捗メモ＆備忘録】「パーツテンプレート」についてのまとめ。 目 次 1. パーツテンプレートについて 1-1. パーツテンプレートとは 1-2. パーツテンプレートを作ることのメリット 2. パーツテンプレートの種類 Read More…
まず、「良いWEBサイト」とは、 特定のユーザー層が、特定の状況で、特定のゴールを達成しやすいサイトであること。 そして良いサイトを作るためには、定めておくべき3つの要素がある。 1 そのサイトは、どんなユーザー層をターゲットにしているのか 2 そのサイトは、どんな状況で使われると想定されるか 3&nbRead More…
WEBサイトを制作するにあたり、特にビジュアル面で気をつけておくべきポイントや共通要素などをデザインテイスト別に分けて考察していこうと思います。 この記事では、「落ち着き」「安らぐ雰囲気」のデザインにする際に押さえておくことをまとめておきます。 1. 「 落ち着き 」「 安らぐ雰囲気 」のデザインにする際のポイント 彩度 明度 コントラストの低いRead More…
～参考サイト～ デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書 | creive【クリーブ】
【ワードプレス学習 進捗メモ＆備忘録】「functions.php」ファイルについてのまとめ。 「functions.php」ファイルの機能 役割とは？ サイドバーを作成する際、そこに様々なメニュー ( カテゴリーメニュー、月別メニュー等など )を表示するためにはウィジェットという機能が必要になる。 そのウィジェットの機能をRead More…
これは便利!! JPEG,PNG,GIF形式の画像を、SVGのベクターに変換できるサービス。 写真画像を指定してクリックするだけで、ベクターデータ (svg) が生成される。 ファイルサイズは1Mb(1000Kb)までアップロード可能。 参考サイト PICK UP TIPS記事セレクション 【TIPS｜筆文字デザイン作成】自作の筆文字をRead More…
シンプルでかつ、訴求力があり、インパクトも抜群の「斜め上をいく文の里商店街のポスター25点」の中から一部を抜粋してみました。 どれも売り込み臭さがなくて親しみやすさがあり参考になります。
サイトを編集中に、画面の一部の画像が表示されないという現象が起きたので、この際の対処法についてをまとめておこうと思います。 使用している環境 ・機種は、sony VAIO ・使用ブラウザは、GoogleChrome ・OSは、Windows7 ・メモリ 8GB 画像が表示されない場合、大概 以下のようなことが原因になっているRead More…
「 脳は、情報を入れ込む ( インプット ) よりも、その情報を何度も使ったり出力する ( アウトプット ) ことで鍛えられる 」 ということが脳科学でも明らかになっています。 ここからいえることは、アウトプットを前提にしたインプットが重要であるということ、その意識がインプットの質をより高めることができるということ。 また逆に、インプットを前提にRead More…
cssでレイアウトをしていく際にpositionプロパティを使う機会は多いので、「static」「relative」「absolute」「fixed」の使い方についてをまとめておきます。 目 次 1. positionプロパティとは 2. 使い方、用途は？ 3. 移動させたい要素に｢ position : staticRead More…
画面をスクロールさせて、指定した要素がトップの位置に来た時に、トップに固定表示させる方法をまとめておきます。グローバルナビやサイドバーをはじめ、ページ途中にある要素を固定配置させたい時に便利です。 作業内容は以下の三箇所です。 ● htmlのhead内にjQuery本体と各ファイルを読み込ませて、スクリプトを記述 ● bodyRead More…
「 パンダカフェ 茶の花 」サイトのタイトル用に書いたもの。 http://ooigawa.bitter.jp/panda-cafe/index.html 関連記事 galleryカテゴリの他の作品 「温故知新」ワードプレスサイトのトップ画像用に書いたもの。 「茶の花」「大感謝祭」「彩食健美」3作品をまとめたもの ポートフォリオのタイトル用に制作Read More…
「 ご宴会予約用チラシ 」の制作。 関連記事 galleryカテゴリの他の作品 「温故知新」ワードプレスサイトのトップ画像用に書いたもの。 「茶の花」「大感謝祭」「彩食健美」3作品をまとめたもの ポートフォリオのタイトル用に制作ポートフォリオのビルボード用に書いたもの。 「 パンダカフェ 茶の花 」「 パンダカフェ 茶の花 」サイトのタイトル用にRead More…
イベント誘致用のチラシの制作。 関連記事 galleryカテゴリの他の作品 「温故知新」ワードプレスサイトのトップ画像用に書いたもの。 「茶の花」「大感謝祭」「彩食健美」3作品をまとめたもの ポートフォリオのタイトル用に制作ポートフォリオのビルボード用に書いたもの。 「 パンダカフェ 茶の花 」「 パンダカフェ 茶の花 」サイトのタイトル用に書いRead More…
新店舗オープンの集客用のチラシの制作。 関連記事 galleryカテゴリの他の作品 「温故知新」ワードプレスサイトのトップ画像用に書いたもの。 「茶の花」「大感謝祭」「彩食健美」3作品をまとめたもの ポートフォリオのタイトル用に制作ポートフォリオのビルボード用に書いたもの。 「 パンダカフェ 茶の花 」「 パンダカフェ 茶の花 」サイトのタイトルRead More…