投稿者: 森島

Webデザイン

【デザイン集】素材が不足している時のメインビジュアル

デザインの構成にばっちりメインビジュアルの領域が取られているのに素材の写真もイラストもない。 どうにかして間を持たせなければならない、そんな時。 絶対絶命ですね。 今日はそんな「どうにかして作らなければいけない」そんな時、参考になりそうなメインビジュアルを集めてみました。 ・背景に当たり障りの無い写真を入れてぼかしてみたり ・アイコンを大きく配置してみたり ・タイポグラフィで頑張ってみたり ・背景をグラデーションにしてみたり ・模様を入れてみたり …etc うぅん […]

マークアップ

【怖くないJavaScript + jQuery】要素をエンドレスでスライドさせる

あけましておめでとうございます。年の瀬の頃より毎日寒いですが、皆様いかがお過ごしでしょうか。 私の今回のブログ初めですが、jQueryのことについて書きたいと思います。 以前「連続した処理で画像をスライドさせる」ことで記事にしましたが、今回はこちらの応用編です。前回は画像を背景に設定し動かしていたのでリンクが貼れませんでしたが、今回はリンクつきの処理を作りたいと思います。TOPページで商品をずらっと並べたい場合などにご使用ください。 デモ デモのファイルはこちらからダウンロー […]

Webデザイン

TwitterまんがPart24

おはようございます。世間はクリスマスですね。 年の瀬の折、皆様いかがお過ごしでしょうか。仕事収め目前で忙しくされているでしょうか。 さて、今日もお仕事の合間にほっこりする漫画をひとつ。 クリスマスですので仲良さげなツイートを選んでみました。 ヨメからLINE 今回描かせて頂いたツイート あんまりにも可愛らしかったので描かせて頂きました。LINE、便利ですよね。 バックナンバー あわせてこちらもどうぞ。 Part23 「来ちゃった」 Part22 「優しい高校生」 Part21 […]

Webデザイン

「スマートイルミネーション横浜2013」を見に行ってきました。

10月末頃の少し前の話題なのですが、「スマートイルミネーション横浜2013」を見に行ってきました。 昨年も記事にしましたが、アートイベントが豊富な横浜周辺で、私がいつも楽しみにしているイベントの一つです。 「省エネ技術とアートでつくるもうひとつの横浜夜景」をテーマに、横浜駅周辺からみなとみらい一帯まで、色とりどりのイルミネーションで照らされます。 の5日間に渡るイベント、全部見るには少し広すぎて、ほんの一部ですが、ご紹介したいと思います。 スマートイルミネーション横浜2013 […]

マークアップ

【怖くないJavaScript + jQuery】スクロールの高さを判定して画像をふわっと表示する・シュッと表示する

先日、弊社サービス「proG(プログ)」の、総合病院向けパッケージ「proG hospital」がリリースされました。(プレスリリースも出しています!) リリースにあたってランディングページを制作したのですが、今回は画像がふわっと表示されたりシュッとスライドで表示されたり、アニメーションを多く取り入れています。 参考にと他サイトを色々と見ていたのですが、印象に残りやすく、とても良い仕組みだと思います。 そこで今回は、画面をスクロールし、一定の高さまで届くとアニメーションするj […]

Webデザイン

【鉛筆画】デッサン作品

今回は少し、過去の作品を引っ張り出して参りました。 私事で恐縮ですが、デザイナーになるべく志していた学生時代に書いたデッサンが山程出て参りまして、折角なのでこちらに掲載してみようと思います。 大きなカルトンを担いで通学していた時は億劫に感じていましたが、今考えると大事な時間だったなと改めて感じます。構図力や、素材を作る力などが鍛えられますよね。 専門時代の2年間しか書いていなかったので見る人が見れば荒い部分が目立つようなものですが、私がデザイナーになるまでにどんなことを経験し […]

マークアップ

【怖くないJavaScript + jQuery】連続した処理で画像をスライドさせる

おはようございます。本日の渋谷は酉の市があるようで、朝から賑やかです。宮益坂には出店がたくさん並んでいます。 さて、本日の本題ですが、今日はjQueryで「連続した処理」について書こうと思います。画像をスライドさせる時なんかに使えますね。 スマフォやタブレットの普及で、Flashが敬遠されがちなので、最近はjsでのスライドショーのご依頼も増えています。 合言葉は「jQuery こわくない」です。 デモ 今回作るのはこちら。延々と動かすだけなので難しい処理も必要なく、とっても簡 […]

Webデザイン

TwitterまんがPart23

おはようございます。ハロウィンも終わってしまって、今年ももうあと60日を切ってしまいましたね。 そろそろ年の瀬に向けて年賀状や歳末セールなど、予定が走り始める時期です。忙しくなりそうですね。風邪ひかないように頑張りましょう。 私はというもの、最近料理に凝っております。毎日の朝と晩、美味しいご飯が食べられてしあわせです。 さて、本日の本題ですが、近頃あまり絵を書く機会が無かったので、手のトレーニングがてらマンガを書かせて頂きました。 久々に書くとまっすぐ線が引けないんですよね。 […]

Webデザイン

Web業界 受注契約の教科書 【装丁デザインができるまで】

最近のお仕事ですが、珍しく装丁のデザインを担当させて頂きました。 弊社高本が執筆に参加させて頂いております。表題が「Web業界受注契約の教科書」。法律に関する書籍ですね。 制作現場のトラブルを、専門の方に法律面からの視点で解説して頂く内容になっています。 春頃から長く、ラフ・校正と続けておりました。今回はその工程を記事にしたいと思います。「本ができるまで」って結構面白いですよ。 本を作る工程 今回はカバー・表紙・扉の3点を制作させて頂きました。当初は帯もつける予定でしたが、途 […]

Webデザイン

【Webデザイン】footerのデザイン22枚

フッター。もちろんご存じかと思いますが、サイトの一番下の部分ですね。 ファーストビューを気にしなければならないヘッダーと違い、大胆に、ユニークにデザインされている場合があって、眺めているのが結構楽しいんですよね。 サイトマップの様相を呈しているもの、大きくイラストを挟んで大胆にまとめたもの、シンプルにロゴだけあしらったものetc… 実際に作っているとつい毎度似たような構成になりがちですが、今回は素敵なフッターのデザインをまとめてみました。ご参考になれば幸いです。 […]

Webデザイン

mark isに行ってきました。

おはようございます。どんどん朝夕の気温が涼しくなってきていますが、皆様いかがお過ごしでしょうか。 風邪をひかないよう、ストール一枚羽織って出かけましょうね。 私はというもの、先日、秋物の服を着てmark is みなとみらいに行って参りました。 このmark is、今年の6月にオープンしたばかりの新しい商業施設なのですが、みなとみらい駅直結で横浜美術館の正面に位置する美しい建物です。 内装や案内図など、細部までデザインされていてとても興味深かったので、あちこち歩き回って写真を撮 […]

Webデザイン

TwitterまんがPart22

おはようございます。外はだいぶ秋めいてきましたね。 昨晩はiPhoneの発表もあったらしく、今後が見逃せません。とりあえず、解像度は変わりないとのことで、一安心しているところです。 さて、今日もまったりとまんがを描きました。 気がつけば22枚も書いているんですね。初めてお会いした方にもブログ見ているよーと言っていただけたりして、嬉しいかぎりです。 優しい高校生 今回書かせて頂いたツイート 気がつけば、高校生は総じてかわいいと思える年齢になってしまいました。切ない気持ちになりま […]

Webデザイン

いつもより美味しそうにご飯の写真を撮る方法

TwitterやFacebookのSNSで、ごはんの写真がアップされているのよく見かけるようになりましたよね。私も例にもれず、ご飯の写真を撮るの大好きなんです。撮ってアップし、特にその後どうするわけでもありませんが、楽しかったり美味しかったりした幸せな時間を記録していくのがささやかな楽しみです。 さて、その写真なのですが、実はちょっと気をつけるだけで断然美味しそうな写真に仕上がります。特別なカメラを用意する必要もありません。iPhoneの初期カメラでも大丈夫です。 今回はその […]

Webデザイン

【デザインまとめ】ロゴ

おはようございます。昨日から少しずつ気温も下がって感じられますね。 私はというもの、夏が苦手なので「秋早く来い秋早く来い秋早く来い秋早く来い」と念じながら過ごしております。 秋といえば芸術食欲スポーツ多彩な時期ですね。芸術系のフェスタとかも増えるでしょうし、ちょっと楽しみです。 誰かを誘っておでかけしたいですね。 ロゴデザインまとめ さて、本日の本題です。 私事ですが、先日企業ロゴの意味や歴史をまとめた本を買いまして、興味を持って読んでおりました。ロゴって、簡単そうに見えます […]

Webデザイン

TwitterまんがPart21

おはようございます。毎日暑いですね。 弊社の目の間には窓一枚隔てて神社があるのですが、セミの声が時々聞こえてきます。夏ですね。 もう一部ではお盆休みに入った方もおられるようで、電車の中は心なしか人が少ないです。 皆様はどこか行かれるんでしょうか。せっかくのお休みですし夏バテに気をつけて、避暑でもいたしましょう。 さて、今日もまったりと漫画を書かせて頂きました。 皆様の癒しになれば幸いです。

マークアップ

【Androidアプリ】デザイナーがレイアウトする際に覚えておきたいこと

先日、弊社サービスの「ノミトモ」のAndroidアプリがリリースされました。今回もデザインをお手伝いさせて頂いたのですが、普段触っているHTMLと違うことだらけ。調べながらの作業となりました。 実際デザイナーさんが触るのはレイアウトのXMLまでだと思いますが、今後新しくアプリを作り始める方に覚えておいて欲しいことを書いておこうと思います。 eclipseの画面・レイアウトの仕方 こちらがAndroidアプリを作る際に必須のeclipsの画面。(※クリックで拡大します) 解説を […]

Webデザイン

TwitterまんがPart20

おはようございます。先週末くらいから一気に暑くなりましたね。 私はというもの、ついにセミを見かけてしまい戦々恐々としております。彼らがいるだけで余計に暑く感じてしまうので… 個人的に、夏は冬以上にしっかりと体調管理が必要だと思います。がんばりましょう。 今しっかりお腹が減っているので、夏バテは大丈夫そうです。 植木鉢を割った犯人 さて、今日もまったりと絵をかかせて頂きました。 今回書かせていただいたツイート 癒されますね。かわいらしい日常、うらやましいです。 今日はマンガ描く […]

Webサイト制作

アイデアを枯渇させないために私がやっていること

「スランプ」。 絵を描く人や、デザインをする人。 何かモノを作る人には必ず起こると思います。日々デザインを作り続けていると、自分の作るものが”なんかうまくいかない”、”なんかまとまらない”、”こんなのではダメだ”。そんな風に見えてしまい、なかなか出来上がらず時間ばかりかかってしまう。 これ実は、成長の兆しです。毎日の制作で目が肥えて、自分の作るものに対して納得いかなくなってしまうという現象。苦しみぬいた末 […]

マークアップ

【怖くないJavaScript + jQuery】”画像が切り替わるだけ”のシンプルスライドショー

最近jqueryを使ってjsを書くことがずいぶんと増えてきました。やはり皆さんおっしゃるのが「FlashだとiPhoneで見れないのでjavascriptで」という。 そこでプラグインなど調べていて思ったのですが、画像を切り替えるだけのスライドショーのプラグインってあんまり無いんですよね。それならばいっそ書いてしまいましょう。 やってみると結構、簡単ですよ。 制作の準備 まずはjQueryを読み込む 先に下準備を。headerの中に、jQueryと、自分で作ったjavascr […]

Webデザイン

【Fireworks】人物シルエット素材8枚

おはようございます。じとじととめんどくさい梅雨の折、皆さま如何お過ごしでしょうか。 弊社近所のビルではもう七夕の短冊が飾ってありました。もう1年の半分が過ぎてしまったようで、もちろんそんな自覚などなく…毎日忙しく過ごしております。 七夕、何をお願いしましょうね。そうだなぁ、私は「猫にモテたい」かなぁ…

Webデザイン

TwitterまんがPart19

おはようございます。今日は夏至らしいですね。 台風も近付いているとのことですが皆様いかがお過ごしでしょうか。 私はというもの、最近親知らずを抜きまして苦しんでおりました。やっぱりもりもりご飯が食べられるっていいですね。

Webデザイン

【デザイン】ひと手間で変わる細部のデザイン

若干のグラデーション、薄くのせたテクスチャ、1pxのハイライトetc…デザインを作っていると、ほんのひと手間で全く違って見えることがたくさんあります。細やかなあしらいをプラスすることによってひとつランクアップしたデザインに見えます。 コツは、主張しすぎないこと。テクスチャひとつにとっても、見えるか見えないかの薄さでバランスよく敷くことによってもっと良いものに見えてきます。 プロデザイナーさんにはもう当たり前かもしれませんが、何それどういうことって思った方、今日はそ […]

Webサービス

【デザイン】ノミトモのトップページをリニューアルしました

弊社サービスノミトモのPC版トップページをリニューアルしました。今回のリニューアルの焦点は ●全体的に情報量を多くし、もっと賑やかにみせる ●中の動きを具体的に表示し、登録後が想像できるようにする こちらの2点。トップページへのアクセスはあるのですが直帰率が高く、登録までに至らなかったのでリニューアルへと踏み切りました。

Webデザイン

【デザイン】Fireworksで作る文字の装飾

おはようございます。関西のあたりはもう梅雨入りしてしまったらしいですね。 弊社のある渋谷も今日は湿気でじめじめしています。寝苦しい季節がやってきますね。恐ろしいです。 さて、今日は文字の装飾パターンを並べて行きたいと思います。おもに囲み文字の色パターンやシャドウ・グローなどの設定。 メイン画像などキャッチで目を惹かせる時に重要なのですが、毎度毎度作っているとちょっとマンネリしがちだったので、参考にと自分で集めていたものです。。 ついでにFireworksのフィルターで再現した […]

Webデザイン

Twitterで見かけたツイートを漫画にしてみた。 Part18

おはようございます。すっかり行楽日和ですね。 皆さま如何お過ごしでしょうか。 最近の私はというもの、横浜スタジアムまで野球を見に行ったり猫カフェに行ったりとアクティブに過ごしています。 ホームラン球の真下にたのでテレビカメラに映ったそうです。Twitterのフォロワーさんから連絡がきてTLが騒然としました。 さて、そんな今日ものんびりと漫画を書かせて頂きました。忙しい折、そんな時こそのんびりと構えたい。

1 5 6 7 8 9 12