Internship Blog June 2017

インターンシップ生ブログ

未分類

パーツがいっぱい

投稿日:2017年6月13日 更新日:

こんにちは、北野です。
実習7日目です。
 
今日からは、パーツの作成です。
グローバルナビゲーションや、ボタン、アイコンなどなど、サイトを構成するいろいろなパーツです。

 

 

検索検索

どんなパーツがあるのか、よく使われているのか、ご指示のあった業種のサイトにはどんなパーツが必要なのかを、まずは検索をしていきます。
 
該当業種のデザイン例を集めたギャラリーサイトや、タイトルロゴ、プライマリーナビゲーション、見出しなどと、項目ごとに集めたパーツ専門のギャラリーサイトがあって便利です。
海外のギャラリーサイトもありますが、英語で書いてあるだけでおしゃれに見えてしまいます。
日本語で書いてあったらどうだろう、文化圏が違う人が見ても同じ意味を持つのか、と冷静にならなければなりません。わたしの場合、注意が必要です。
 
サンプルとして、とにかくたくさん集めました。
Webサイトのパーツは日々見かけるし、使っているのはずなのですが、実際作るとなると、はてどんな形が多かったっけ?
これで意味がわかるだろうか、こういう使い方でいいのだろうか、後で迷子にならないよう注意しながら、しかし手早くぽんぽん保存していきました。
 
たくさん集めると自分の好みもはっきりしてきておもしろいですね。
今回は、かわいいものややさしい色合いのものばかり集まりました。
最初に例として見せていただいたサイトが、明るく穏やかな雰囲気だったのが影響しているでしょうか。

 

 

真似る真似る

気になるパーツを選び、それをどんどんトレースしました。
昨日まで制作していたバナーよりは単純なものが多いので、手早く作成できそうです。
 
と言いつつ、よくヘッダー部分で見る「お電話ください」パーツをたった1つ作るだけで、ずいぶん時間がかかりました。
よく見ると、外枠にドロップシャドウ的なものがかかっているんですけど。
つまり、シャドー分、サイズを小さくしておく必要があるような気がします。
ひとまずやってみました。これでいいのかな。


次は、文字サイズ表示サインです。
丸みのある木で大中小を表している、かわいい雰囲気のパーツです。
クリックされていない状態とされた状態の2種類作ったほうがいいのでしょうか。
カラーオーバレイをかけるだけですので、念のため両方作っておきました。

 

 

疑問疑問

作れば作るほど疑問が沸いてきますが、このまま進めるとご迷惑をおかけしそうなことに絞って、お聞きするようにしています。
作業最中に自然と解決することもあるし、調べているうちに理解できることも多々あります。
漫然と見ているだけでなく、とにかくやってみることだなと感じる今日この頃です。

-未分類

執筆者:


comment

関連記事

フォントの選び方を考える

こんにちは、北野です。 実習16日目です。 パーツのデザイン・制作を続けています。 今日はシンプルなパーツを作りました。 ほぼ文字だけのものです。 文字だけですと、文字が読めなくては、いったいなんのパ …

ワンパターンからの脱出

こんにちは、北野です。 実習15日目です。 パーツ作りをしていると、どうしてもワンパターンになってしまいます。 同じ「お問い合わせ」のパーツでも、違う雰囲気にするにはどうしたらいいのか。 サイトのデザ …

バナー作成のコツ

こんにちは。MIYAです。 実習4日目。本日の実習では、バナーのトレース作業を行いました。 ちなみに、これが本日トレースした作品の1つです。 1つのバナーの中には沢山の情報が詰め込まれています。これら …

世界のWordPress

こんにちは、北野です。 実習14日です。 今日は、WordPressについて調べてみました。 毎日、WordPressでブログを書いているのですが、実はあまり分かっていません。 実習に来る前に聞いたこ …

Photoshopで水滴

こんにちは、北野です。 実習11日目です。 暑い季節になってきました。 梅雨入りしてから雨がふっていません。 今日は、Photoshopで水滴を作ってみました。 かなり難しかったです。できたのは奇跡と …