デザイン先月に引き続き、架空のカフェのHPを作っていきます。前回はHTMLを書いて終わっていましたが、今回はCSSを用いて全体のデザインを整えました。料理写真をおいしく見せるデザイン今回は、HPに使う料理写真をおいしく見せられるような加工を施していきたいと思います。これをよりおいしく見えるよう加工していきます。今月から、HP制作に取り掛かります。先日記事にて作ったワイヤーフレームを元に、架空のカフェのホームページを作っていきます。今月は、HTMLを用いて制作を行います。こちらがTOPページのコード。デザイン今月は、Illustratorを用いてHPのワイヤーフレームを作成した。架空のカフェのホームページ制作を予定している。初めに、Illustratorを開いてグリッド表示の設定を行う。高橋朋代ほか『作りながら学ぶHTML/CSSデザインの教科書』(SBクリエイティブ、2016年〔初版:2013年〕)を読了した。全ページフルカラー、HP制作のノウハウの基礎がバランス良く詰め込まれた内容と言える。Illustrator&Photoshop』(技術評論社、2011年〔初版:2009年〕)を読了した。IllustratorとPhotoshopを用いてホームページのイメージを形作っていく過程が分かりやすく書かれていた。ロゴ作成デザイン今回は、Illustratorでのロゴ作成に挑戦しました。我が家にあるマイベースです。これを元にロゴを作っていきたいと思います。ベースのパーツを1つ1つ分解するような感じで、その形を作ります。写真(絵)の修正を行うデザイン今回は、Photoshopの写真修正機能を使って絵に加工を施していきたいと思います。ベースとなるのは、日本史の教科書をぱらぱらとめくっていた時に目に飛び込んできた『蒙古襲来絵詞』(筆者不明、1293年頃)です。合成写真デザイン前回記事同様、Photoshopも先月から触れているため何か作ってみようということで今回はこちらを参考に合成写真を作りました。神奈川沖浪裏』を実写版で作ろうと試みました。アイコン作成デザイン先月からIllustratorの基礎を学び始めたものの、せっかくなら何か作ろう・・・ということで今回はこちらを参考にアイコン作成を行いました。デザイン『Webデザインの基本ルール―プロに学ぶ、一生枯れない永久不滅テクニック―』を読了した。Williams『ノンデザイナーズ・デザインブック』を読了した。「デザイン」という分野に深く触れるのは初めてのことであり、今までは「才能に依るところが大きい」とばかり考えていた。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。