クックパッドの新しいロゴに込めた思い - クックパッド開発者ブログ
ユーザーファースト推進部デザインチームの上ノ郷谷 (かみのごうや) です。 9月1日よりクックパッドサイトのロゴが新しくなりました。もうみなさまご覧になっていただけたでしょうか。 ロゴを新しくしたのは、2014年から本格的にはじまった世界展開に合わせて「毎日の料理を楽しみに」を世界へ。という思いをもっと知ってもらうため。そして世界中のみなさんに親しみを持ってもらいたいという思いからです。 ロゴの基本的な構成、使われている色には変更はありませんが、さまざまな思いを込めた大きなマイナーチェンジになったと思います。ロゴデザインを担当したものとして、どのようなことを考えながら作ったのかを書いてみます。 これまでのロゴと新しいロゴ まずはクックパッドのシンボルでもあるコック帽のロゴマーク。このロゴマークをもっと強調させ、認知を高めるために茶色い枠を外しました。枠を外すことでキーカラーのオレンジの印象
デザインを良くしたい全ての人に知って欲しい3つの誤解| UID Lab
2013.11.03 デザインを良くしたい全ての人に知って欲しい3つの誤解 この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/three-misunderstanding-of-design/
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
Pixelapse - Visual version control for designers
Automatic Version Control & Backup Pixelapse automatically keeps track and securely backs up your files every time you save.
【イラストの見栄えが良くなる】イラストレーター 中村佑介 先生が教える公開講座が凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
先日、イラストレーターの 中村佑介（なかむら ゆうすけ) 先生 のツイッターで公開アドバイスが行われました。 『アイデア』 『色のバランス』 『塗り方』 『構図』 のデザインの基本ついて分かりやすく解説されています。 凄く勉強になると思いますので 将来イラストレーターを目指している人は必見です。 その中の一部をご紹介したいと思います。 ※この記事はツイッターからの引用になります。 この記事は、中村佑介 先生 ayamick さん すなつ さんに公開許可を頂いております。 それらを踏まえたうえでお読み頂ける様にお願い致します。 【良い構図は大・中・小を使い分け】 【ayamick さん】 私は18歳です。 描いた動機は どの年齢の方が見ても楽しめるような絵を描きたかったからです。 コンセプトはなるべくたくさんの色をつけて、 全体的に賑やかにしているところです(^^) こんな感じですm(__)
HeyDesigner — Design news. Curated daily.
How should designers code? - Practical paths toward shipping to production. - Dylan Smith / filed under Design Process Are Design Systems a zero-interest rate phenomenon? - No. Well. Maybe. I think they're something else. - Dave Rupert / filed under Design System The art and science of annotations in Dev Mode - Product Designer Oscar Nilsson explains how we're streamlining designer-developer colla
New UI Pattern: Website Loading Bars
Here’s an emerging UI pattern: a web page loading bar. Unsatisfied with progress indicators provided by the browser, some sites are implementing their own ones to show the load status of the next page. The progress bar appears as a thin line overlaying the content, sitting right underneath the browser toolbar, growing in width across the page as the next one loads. Here is a screenshot of the bar
Webサービスのイメージカラーを無作為に調べてみた｜インターネット界隈の事を調べるお
昨日、LINEのカンファレンスに行ってきたのですが、ぼんやりと「緑色を見るとLINEって感じだよなぁ」と思いました。これまで緑といえばあの渋谷の会社を連想してたのですが・・・。 他にも、色の組み合わせだけで特定のWebサービスを連想することができるものはあります。クリムゾンレッドだったら楽天とか。そんなわけで、Webサービスのイメージカラー（使用されている色）を調べてみました。なんだかオーラソーマ・カラーみたいです。 サービスはジャンル別に思いついたものを次々と取り上げた感じですので、脈絡がない箇所もあるかもしれません。色はスクリーンショットからのスポイトという地味な作業により調べております。 1、2行目はEC関連ですが、比較的暖色系も使われており、女性を意識したものも多いのかなって。逆に3行目はお堅いサービスなので青系が多い。以外なのがSNSも青系が多いんですね。3行目と4行目は配色が似
Vexus - Premium 3D Mockups for Spline
Premium Photoshop plugins to help extend your digital creativity. Vexus Photoshop plugins are hand-coded from scratch, to create unique functionality, without the need to download endless gigabytes of templates and files to collect digital dust on your computer. All our premium plugins allow for small file downloads and install, and give you the dynamic ability to create unique effects, whilst not
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter | Vandelay Website Design
Photoshop brushes can be extremely useful for designers who need to implement different effects, textures, and elements into a design. There are lots of brush sets out there but sometimes it can be difficult to find exactly what you’re looking for. To help narrow the search I’ve collected over 75 sets of free Photoshop brushes categorized according to type. Each brush set includes a link where you
デザイナーのためのロゴデザインのチュートリアル&素材45+ – creamu
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What do you do when your design pattern breaks down? | CSS-Tricks
StackPath
The Grid System
不動産webデザインギャラリー・サイトリンク集 | Real Estate Design Gallery
ツー・ダブリュー・ジー（世界のWebデザインギャラリー） : ミニマル
Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集
[CG Textures] - The worlds largest free texture site![[CG Textures] - The worlds largest free texture site](https://cdn-ak-scissors.b.st-hatena.com/image/square/0eda3a1dee04166bde738ce6866cf1f0723cd93c/height=288;version=1;width=512/https%3A%2F%2Fwww.textures.com%2Fimages%2Ffacebook_generic_share.jpg%3Fv%3D5)
