先日お仕事で婚活サービスを調べることがあり、ブログやニュースを見るたびに「婚活」のバナーが表示されていてじわじわと精神が削られています。 その中でもひときわ目立つ大手婚活サイト「O-net」さんのバナー。他社と比べてデザインパターンが圧倒的に多く、知名度も高いのですが、皆様ご存知でしょうか。 少々内容が突っ込みどころ満載なこともあり、話題に上がったりしますね。お年頃の方はよく見かけるものではないでしょうか。 今回はそんな婚活のバナーを集めてみました。 感情に直接働きかけるよう […]
こんにちは、工藤です。 今回はログイン画面のデザインを調べてみました。 何気ないんですけれど実はよく見る画面なのでもっと意識しないとなーと思うのですがつい後回しにしてしまったりします・・。 サムネイルクリックでログインフォームに飛びます。 目次1 シンプルなログインフォーム2 ログインフォーム+新規登録などの誘導3 ポップな印象のログインフォーム シンプルなログインフォーム シンプルな背景に、ログインフォームが中央においてあるタイプです。 最近はフラットなものが多い印象があり […]
おはようございます。今週はお天気次第で気温の変化が激しいですね。 晩夏の折り、皆様いかがお過ごしでしょうか。 今日は公募をまとめみました。 デザイナーたるもの一度はこういったものに応募して表彰されてみたいですね。 自分の実績にもなりますし、賞品を狙ってお小遣い稼ぎにも良し。手軽に応募できるものもあったりするので、ぜひ皆様も一度検討されて下さい。 目次1 クリエイターさんでなくても。手軽に公募2 ロゴデザイン3 イラスト・シナリオ4 ポスターデザイン5 キャラクターデザイン6 […]
クライアントにデザインを提出した時、「もう少しデザインして欲しい」「もう少しデザインで表現して欲しい」などということを言われたことはないでしょうか？ なければないに越したことないのかも知れませんが、例えば情報サイトなどテキストがメインのサイトだと結構難しくて、なんかもう少し何とかならないかな？なんて漠然とした感想が返ってくることもあります。 では、どこをどうして欲しいのか？どういうイメージを抱いているのか？きちんと伝えてほしい！というデザイナーの気持ちも分かりますが、クライア […]
こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 目次1 テーブルデザイン1.1 Oranges In The Sky1.2 Nimbupani1.3 Casablanca1.4 A CSS styled table version 21.5 A CSS styled table1.6 CSSだけで作るtableデザインテクニック / Ver.02(おまけ付き)1.7 CSSでTableをデザイ […]
はてなブックマークを見ていたらランサーズの問題が載っていたので、Web業界 受注契約の教科書という書籍の執筆させていただいた私としてもは黙っておれず記事を書かせていただきます。 ランサーズで提案し、キャンセルになったデザインが無断で使われている このブログのエントリーで書かれている内容についてどちらがどうだということは置いておいて、実際にデザイン流用というのは当社では今までなかった(はず)のですが、他の制作会社の方からはちょこちょこをお話を伺ったことがあります。 当社でも創業 […]
毎日まだまだ暑いですね。私はというもの、先日「アートアクアリウム」へ行って参りました。昨年ぐらいから話題になり始めた、いわゆる「金魚リウム」ですね。金魚とアートの織りなす不思議な世界、1時間待ちで入場しましたがとても美しかったです。 COREDO室町にも初めて行ったのですが、周辺アンテナショップやだし場もあってとってもオススメです。 さて、今日もまったりとまんがを書かせて頂きました。癒しの時間をお届けできれば幸いです。 目次1 スーパーカップ2 本日書かせて頂いたツイート3 […]
誠に勝手ながら、当社の夏季休暇を下記のとおりとさせていただきます。 8/13(水)～8/17(日) 期間内にいただきました、Webサービスのお問い合わせ、制作に関するお問い合わせについては8/18以降の対応となりますので何卒ご了承いただきますようお願いいたします。
こんにちは、工藤です。 モーダルウィンドウについて調べるがあり、いい機会なのでまとめてしまいたいと思います。 目次1 モーダルウィンドウとは？2 jモーダルウィンドウ プラグイン2.1 lightbox22.2 leanModal2.3 fancyBox2.4 Remodal2.5 POP EASY2.6 jQuery Custombox モーダルウィンドウとは？ ちなみにモーダルウィンドウとは図で説明するとこんな感じです。 なんとなく見たことがあります・・よね？詳しい事はw […]
『TenQ』とは、先月、7月8日に東京ドームシティにオープンした、宇宙についての知識を深めることができる9つのエリアによって構成された、エンタテインメント・ミュージアムです。 国際宇宙ステーションから見下ろした地球の実写映像などを楽しむことができる「シアター宙（ソラ）」は、珍しい見下ろし型のプラネタリウムとして話題を集めており、東京の新名所として期待されています。 当日は夏休みが始まったところということもあり、たくさんの子供たちで賑わっていました。 結論から申しますと、大人で […]
こんにちは、工藤です。 今日はwebサイトでよく使いそうなアイコンをつくりました。 ある程度はストックしてあったりするのですが色々アイコンを見て回るとこういうテイストでつくりなおしたい！となって結構キリがないですね・・。 なかなか16pxあたりの表現もいまだにつかめていなかったりするのでもっといろいろなものを見てつくらないとなと思います。 一応fireworksのpngで作成しているのでもし使っていただけるならご自由にどうぞ。 それではこのあたりで。
バナーやキャンペーンの画像を作る際、ゴテゴテのグラデーションやテクスチャをふんだんに使った文字装飾、大変ですよね。 大体値段やキャンペーンの内容となると分かりやすく金赤やゴールドが使用されるので毎度毎度マンネリになりがちだったりします。 そこで今日は、文字装飾のパターンを集めました。 Fireworksで開いてコピーし、「Shift + Ctrl + Alt + V」の属性をペーストを行うとそのままご自分のデザインに反映できます。
こんにちは、工藤です。 梅雨が明けてもうすっかり夏ですね。暑いです。 今日は背景素材を無料で提供してくださっているサイト様のご紹介です。 パターンテクスチャなんかはたまに自作するとはまったりするのですがたくさんの種類を作るとなると心が折れてしまったりするので、無料で使わせていただけるのはありがたいです。 目次1 Subtle Patterns2 Dribbble & Behance（BACKGROUNDS）3 Background Labs4 pattern85 sq […]
当社では新卒や二次新卒のWebエンジニアを時々募集しているのですが、採用面接でよく聞かれるのが「何から勉強したら良いでしょうか？」という質問。 個人的には実際に作らないと作れるようにはならないと伝えていますが、そもそも何を作れば良いか分からないというのは確かにそうだと思います。 恐らく初心者の方はまずはPHPやデータベースの参考書を買ってきてというところから始めるかと思いますが、独りで学習しようとした時に参考書を読んで理解するところで止まってしまう方もいらっしゃいます。（正直 […]
今、社内でスマートフォンアプリを作りたいなぁと相談していたりします。 爆発的に流行るアプリなんかはやはりキャラクターが決め手だったりするんですよね。アルパカやマンボウ、なめこetc…可愛らしいですよね。私もちょこちょこと使用したいキャラクターをぼんやり考えてみたりしています。 せっかくなので綺麗に書き直してこちらに載せることに。
こんにちは、工藤です。 今回はjQueryのスライドショーを集めさせていただきました。 ひとえにスライドショーといっても表現がまったく違うのでみてるだけで面白いです。 目次1 bxSlider2 FlexSlider23 jQuery Full-width Slider4 Juicy Slider5 Camera slideshow6 Fullscreen Slit Slider with jQuery and CSS37 Parallax Slider with jQuer […]
Web制作会社ってどういうポイントで選べば良いの？ということをたまに聞かれます。 確かにWebサイトというのはオーダーメイドなので、どこに頼めばちゃんと自分の欲しいものを作ってくれるのかわかりません。 業界にいればなんとなく分かりますが、初めてWeb制作を制作会社に頼む場合は不安だと思います。 今回はWeb制作会社から見たWeb制作会社の選び方のポイントを書いてみます。 裏事情を把握していれば、必ず確認した方が良いポイントというのは見えてきます。 当社は基本的に内部で制作して […]
おはようございます。毎日暑いですね。私はというもの、相変わらず夏になるとバテてしまいます。皆様いかがお過ごしでしょうか。 最近の社内では夏に向けての（もう夏ですが）ダイエットも兼ねてか、「そば部」が発足しています。特に改めて部をつくったわけではないのですが、なんとなくランチにざるそばを食べる習慣ができてしまいました。いつもつい、3人くらいで蕎麦をすすっています。今のところはローソンのいなりずしがセットになっているのが一番人気です。曰くあまり無理して蕎麦だけで我慢すると「夕方く […]
LINEクリエイターズスタンプ、だいぶ盛況のようですね。審査を無事通過してマーケットに乗ったスタンプも4000を超えたようです。私もいくつか購入して使用してみたのですが、どうも実際にトークの場で貼られるとスタンプがなんかでっかい…。 制作している時は気付かないものなのですが、規約の370*320pxにめいっぱいで作ると実機で見ると全く違ったサイズ感になってしまい、結局なんだか使い心地が良くなくてそのまま使わなくなってしまったりします。 そこで失敗しないためにも、「LINEスタ […]
こんにちは、工藤です。 Webデザインのときに私がよく使うChromeの拡張機能をご紹介したいと思います。 無駄にウィンドウを開いておくことが多いため、ブラウザ上で色々出来るのは本当助かります・・。 目次1 Awesome Screenshot2 Firebug Lite for Google Chrome3 MeasureIt4 WhatFont5 CSSViewer6 ColorZilla Awesome Screenshot Chrome ウェブストアへ 例えば「ここの […]
このブログでもエンジニアについて何回か書いていますが、エンジニアというと偏屈だったりちょっと扱いにくいというイメージがWeb制作の現場においては強めだと思います。 その理由は様々なのですが、デザインとは異なりオーダー通りに動くことをロジカルに現実的に考えなくてはならないので、ディレクターやデザイナーが「わああい」という感じでアイデアや企画に花咲かせている中で浮いた存在になるのかもしれません。 では優れたエンジニア、一緒に仕事をしたいと思われるエンジニアとはどんな人なのでしょう […]
本日発売の週刊SPA! 7/15号に弊社で運用しているノミトモのAndroidアプリが［出会えるアプリ］8位として紹介されました。 コンビニや書店で発売しておりますので、興味ある方はご覧になってみてください。 週刊SPA! 7/15号 http://nikkan-spa.jp/magazine/675662 夏休みシーズンにかけてビアガーデンなどでの飲み会募集が盛り上がってきます。 飲み友が欲しい方はちょっと覗いてみてください。 ノミトモ： http://nomi-tomo. […]
ウィンドウの高さに対して、コンテンツの内容が少ない場合、footerより下の部分が真っ白になってしまう…しかし邪魔だしfooterをfixedにはしたくない。そんな時ってありますよね。 Sticky footerなど他にも手はありますが、内容が動的の場合使えなかったりするんですよね。 そんな時に便利な、コンテンツの高さを自動調整してくれるjsを作ってみましょう。実はとっても簡単なんです。 コンテンツ部以外（headerとfooterなど）の高さが固定であることが条 […]
こんにちは、工藤です。 今回はwebデザインに欠かせない、商用利用可のフリー素材を配布してくださっているサイト様をまとめました。 利用規約等は各サイト様でご確認いただければと思います。 写真素材 イラスト素材 アイコン系素材 目次1 写真素材1.1 写真素材 足成1.2 PAKUTASO/ぱくたそ1.3 無料写真素材 写真AC2 イラスト素材2.1 シルエットデザイン2.2 ヒューマンピクトグラム2.02.3 矢印デザイン2.4 無料イラスト素材.com3 アイコン系素材3. […]
今回は、アイコン素材を制作してみました。 ゆるい雰囲気の手書き風アイコンです。カラーもビビッドめにまとめました。 あぁーー、これね、こういうのよく使うよー、といった感じのを重点的に。 フリー素材で、商用可です。まとめてダウンロードはこちらから。 Fireworksで開くとパスデータになっています。 近況 オフィスの窓を開けると、とても綺麗な紫陽花が咲いています。 今年の梅雨は長いと聞いていたのに、もう明けてしまうなんて噂もちらほら聞きますね。あまり雨が降っていない様子ですが、 […]
運営会社:株式会社8bit
制作サービス
運営サービス
