SiteSeeing
〜新しいデザインの発見を〜
Keywords:リンク集 / web site / Atom
プロジェクトの概要
数あるデザインのギャラリーサイトの中でほとんどがwebデザインのみを集めたサイトであったり、グラフィックのみを集めたサイトであったりとジャンル別に分けられているものが多い。そのため、違うジャンルのサイトを見たい時、再検索をかけなければならなかったり、ページを二つに分けて見なければならなかったりとなにかと面倒である。そこでデザインのギャラリーサイトを総合的に扱ったサイトがあれば便利だと思いこのプロジェクトを考案した。また、数々のギャラリーサイトを見たところひとつひとつのコンテンツを大きく表示しクリックしなくてもその作品の全体が見えるよう工夫されておりとても見やすいと感じたため今回のサイトを作るにあたり参考にした。
これは何? (プロジェクトの説明を簡潔に)
デザインのギャラリーサイト紹介
目的・主旨(何のために)
webデザインならwebデザインのみなどジャンル別にまとめたギャラリーサイトは存在するがデザインを総合的に扱っているサイトが少ないのでそれらジャンル別サイトを一つにまとめることで、デザインに興味のある方や、デザインに携わっている方により多くの発見をしてほしい。
ターゲット(誰のために)
今のところソーシャルデザイン学科の学生(今回はソーシャルデザインで学ぶジャンルにかぎられているため)
*後期にかけてデザインに興味のある方に変更予定
制作物(最終的に何ができるか具体的に)
webサイト
http://orechaso.html.xdomain.jp/siteseeing.html
プロジェクトで使用するツール
Atom
photoshop
プロジェクト管理
スケジュール
ToDo
-スケジュール作成
-サイトの枠組み作成
-紹介サイトまとめ
-ヘッダーのフォント決定
-サーバー確保
-アップロード
-ブラウザで確認
サイトの作成
問題点
- 今のところは一つのページをスクロールして閲覧する形になっているが
今後ジャンルを増やすにあたり管理が難しくなってくるので考えなければ
ならない。(横スクロールを導入?Wordpress?) - また、どのようなジャンルを増やすのか何個まで増やすのか
(写真、プロダクトデザイン、ファッション、ゲームデザイン、3DCG etc...)
進捗・記録
2020.07.07
- サイトをスマホで閲覧した時、ヘッダーの画面がおさまりきっていなかったため改善。
2020.07.01
- フォントのばらつきがあったためフォントを統一。
- menuを英語に統一。
- グラフィックとモーショングラフィックスに2つずつサイトのリンクを追加。
- 紹介文の訂正。
2020.06.29
- 様々なギャラリーサイトを見ていて作品一つ一つを大きく表示し見やすく工夫してあるサイトが多かったので今回のサイトを作るにあたり参考にした。
(参考サイト)
webdesignclip
io3000
dribbble
- その他参考サイト
https://bookma.org/
http://bm.straightline.jp/
https://www.ikesai.com/
https://gendaidesign.com/
2020.06.26
- スマホ画面に対応。
- サイト紹介文の記載。
2020.06.25
- 今回は3つのジャンルに分けて1つのサイトを作成。
(web design)
(graphic design)
(motion graphic)
2020.05.06
- 枠組みを作成。
- スケジュール作成。
2020.04.30
- webデザインサイトのリンク集を作成予定。
2020.04.23
- プロジェクトのタイトル決め(課題)