Yahoo! JAPAN インターネット クリエイティブアワードは、2015年度の開催をもって終了いたしました。 ご応募くださった皆様、審査員・関係者の皆様、10年間ありがとうございました。
Yahoo! JAPAN インターネット クリエイティブアワードは、2015年度の開催をもって終了いたしました。 ご応募くださった皆様、審査員・関係者の皆様、10年間ありがとうございました。
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、DETOXでデザイナーをしているSonokoと申します。 今回はDETOXで用いたフラットデザインについてお話したいと思います。 DETOXとは DETOXとは言いたいことも言えないこんな世の中で、ネガティブな発言や失敗や愚痴を気心の知れた友人同士で共有できるニュータイプSNSです。 「SNS疲れ」などで溜まった現代のココロの闇を「ポイズン」として吐き出せます:) DETOXでは、iOS 7の普及に伴いフラットデザインを搭載しました。 トレンドの「フラットデザイン」ってなに?まずはどんなものか、百聞は一見にしかず
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何? ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
こんにちは。あめです。 冬の申し込みも終わって完全に終わった夏コミの話題。いまさらですが、夏コミ前は自分のサークルで手いっぱいだったので! 自分用もメモも兼ねての、ハイクオリティなC84特設サイトのまとめです。 最近の同人誌は、ほんとにデザインが綺麗。 個人サークルが普通だった一昔前と比べて、デザインに凝って何人かでサークル活動してる方が目立ってきました。 やっぱり東方やボカロ界隈の、音楽×イラストのコラボサークルなんかが普通になってきたからなのかな。あと評論×デザインのコラボも増えてる気がする。 そんな素敵な同人誌・同人CDの夏コミ新刊の特設サイトをまとめました。コーディングしてるのは、同人好きな本職のクリエイターさんが多いようですね。 ごはん部の本2 本のタイトル:ごはん部の本2 サークル:ごはん部 ごはんもイラストも装丁もwebもとーっても素敵な本のサイト。私にドストライ
たいしたページではありません。 あるのは言葉だけ。 それをあなたは読んでいます。 オシャレなデザインや、レスポンシブなレイアウト、魔法のようなスクリプトに私たちは魅了されてしまいました。 でも、ウェブで一番強力な道具は、今も昔も言葉です。 私が書いた言葉を、あなたが読んでいる。これこそ魔法です。 私はブリティッシュコロンビア州の小さな都市にいますが、あなたは別のどこかにいることでしょう。私は2013年6月20日の早朝にこれを書きましたが、あなたは違う日時にこれを読んでいることでしょう。私はノートパソコンでこれを書きましたが、あなたは携帯電話でこれを読んでいるかもしれないし、タブレット端末やデスクトップ端末で読んでいるかもしれません。 私とあなたがこうして繋がることができたのは、私が書いた言葉をあなたが読んでいるからです。ウェブとはそういうものです。場所や端末、タイムゾーンが違っても、このシ
スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS
今年はフラットデザインがWEBのトレンドとして、多くのクリエイティブブログで伝えられています。windows8を始めとして、OS側のユーザーインターフェイス側にも取り入れられ、今後ますます、目にする機会も多くなってくると思います。今日紹介するのはフラットデザインをオーダーされたデザイナーのためのフラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」です。 今回はWEB側とスマートフォンUIをそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。 詳しくは以下 アプリフラットデザインインスピレーション WEBフラットデザインインスピレーション 上記の他にも原文では数多くのフラットデザインが取り上げられています。気になる方は是非原文もご覧ください。 スマートフォンUIの原文は「Flat Desi
私自身まだなんとなくで、きちんと定義できないのですが、なんでもかんでもWordPressで組むのではなく、プロジェクトによってWordPressで組むのが本当に最良なのかを見極めることが必要な気がしてきています。 WordPressは便利です。私も、案件として数多くご依頼いただいていますし、慣れ親しんでいます。ネット上にもWordPressの改造方法やプラグインが多く掲載されており、納品後、自分で拡張できるかもしれない、と考えてくださっているお客様もいらっしゃいます。 しかし、時間と予算との制約のなかで細かな設定を行えば行うほど、プラグインとの親和性は低くなり、最悪、動かなくなってしまうプラグインもあります。 「このプラグイン(記事)でできているから、できるってことですよね?」と聞かれることもあります。そのプラグインどおりならできるけれど、プラグイン以上(要は2、3tipsを複合するような
2013年 03月 05日 女性の可愛らしさが詰まったガーリーデザインの特徴。(基礎知識〜フリー素材) カテゴリ: Webデザイン タグ:ガーリーデザイン デザインのタイプは非常に多く、切り分けるにしても男性らしさ、女性らしさ、児童向け、年配者向など様々な切り口で分けることができます。 ガーリーはそういった中の女性に好まれるデザインに該当し、「少女らしさ」や「可愛らしさ」などを指します。ガーリースタイルといった言い方もしますね。 1.流行 2.ガーリーデザイン・スタイル -a.ファッション -b.建築(カフェ) -c.Webデザイン -b.ブログ -e.ガーリーデザインで特徴とされるもの -f.ガーリーフォト 3.最後に 流行 ガーリーの流行に関してはおそらく1990年代かと記憶しています。 当時ガーリーデザイン、ガーリーフォト、ガーリースタイルと言った様々な言葉が流行し、様々な場面でガー
QRコードをはじめ、AR(拡張現実)、NFC、デジタルサイネージなど、オフラインからオンラインへのアクセスを容易にする技術が続々と出てきています。 私が度々取り上げているQRコードですが、ここ最近商品のパッケージやポスターなどで使われているこの白黒の正方形のコードは日本国内では特に物珍しいものではなくなってしまいました。 こんなのもあるんだぞ!ってことで、 クリエイターが気合を入れて作成したデザインQRコード達をご覧いただこうと思いました。 今回は ①何故2次元コードのQRコードをデザインできるのか?②デザインQRコードの実例の2点について書いていこうと思います。①に関しては読まずに②だけ読んでいただいてもけっこうです。ぜひQRコードを楽しんでいってください!!ちなみに国内では当たり前になってしまったQRコードですが、アメリカやヨーロッパ諸国ではまだまだ新しい技術とのようで、アメリカでは昨
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。 PLACEHOLD.ITはダミー画像の生成サービスなんですが、凄く手軽に生成出来るのでかなりオススメです。 ダミー画像を生成する、というシンプルなサービスですが、これが想像以上に有用的でした。 使い方 使い方は至って簡単。placehold.itというドメインの後にサイズを指定すればいいだけ。 例えば350×150ピクセルの画像が欲しいなら http://placehold.it/350×150 にアクセスすれば指定したサイズの画像が表示されます。 なので、 <img src="http://placehold.it/350x150" /> これで以下のようにダミー画像を表示させる事ができます。 勿論、細か
こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまったお休みを使って 新しいiPhoneアプリを作ってみようかな… とか考えてる人多いと思います。 (ん?多いの?私のまわりだけ?) そんなあなたに!今日は革命的なアプリを紹介します!!! iPhoneアプリの開発に携わってる方、webデザイナーの方、 UI設計をされている方、アプリプロデューサーの方、必見!!! 紹介するアプリは「POP ~prototyping on paper」です! POPはPOPでもLINE POPとは関係ないですよ。 コチラです! ___________________ アプリ名:POP ~prototyping on paperカテゴリ:仕事効率化金額:無料 AppStoreはこちら ___________________ このアプリは設計の
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く