『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
化学家紋 : 有機化学美術館・分館
2月10 化学家紋 カテゴリ:雑記 さて先日、ツイッターで「現代家紋」というのが流行っていました。まあこんな感じ↓で、どこかで見かけたようなマークや記号を、家紋風にアレンジして遊ぼうというものです。秀逸な作品も多く、まとめもできています。 西村備山@lipoyang頭合セ三ツWiFi #現代家紋 http://t.co/BFHfaat93n2014/02/06 21:31:48 ということで、化学版の家紋というのもあると面白いかなということで、いくつか考えてみました（筆者は決してヒマを持て余しているわけではありません）。 ・亀甲 有機化学の基本はやはりこれ。日本の伝統文様とも違和感なくなじみます。 ・丸にフラーレン みんな大好きフラーレン。五員環を黒く塗ったほうが、紋様としては引き立つかもしれません。 ・丸に三つ水分子 水素結合している方がよいという声がありましたが、筆者の腕ではまとまりが
【画像】身近なものを家紋のようにアレンジした「現代家紋」が話題に
現代的な様々なものを伝統的な家紋のようにアレンジした「現代家紋」が、ツイッター上で話題になっています。 きっかけは@oritechさんのツイート。 1972年刊「正しい紋帖」をマケプレの１円本で購入。家紋の他にも企業シンボルマークとかも載ってて意外とおもしろかった。自分の家紋デザインしたいな。『丸にUSB』とか『折れフロッピー』みたいな。 pic.twitter.com/CLSuN4UovQ — oritech sashida (@oritech) 2014, 2月 6 現代家紋「丸にUSB」 pic.twitter.com/GW9YLBlrTN — oritech sashida (@oritech) 2014, 2月 6 ネット上では「うちのマジ家紋がこれに似ている件について…」「どっちが上か論争になるなw」「ジワジワくるwww」といった反応が寄せられていました。 そこで、ツイッター上
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
we love herokuのデザインリニューアル
we love herokuリニューアルのお話です。今回はデザインサイドの話です。 we love heroku とは we love herokuは、herokuを使ったサービスを登録するギャラリーサイトです。 開発したキッカケは、@herokujpさんのつぶやきでした。去年の2月ぐらいでしたかね、仕事の帰り道にこのつぶやきをみて、設計しながら家帰り、即実装という感じでした。 railsを初めて1ヶ月ぐらいの頃にherokuを試したところ、すごく感動したのですっかりherokuのファンになっていました。そして、2月のheroku meetupに参加しようと思っていたところ、先ほどのつぶやきが目に止まり。作ってみるかな、と。 トップページを振り返ろう 今回は機能の話は書きません。あえての見た目の話だけです。当時のバージョンのスクリーンショットはこんな感じでした。 Bootstrap2のまん
15ドルでデザイナーからちょっとしたアドバイスをもらえる『Swiftly』 | 100SHIKI
15ドルだから、と割りきって使えば良さそうなサービスのご紹介。 Swiftlyでは、ちょっとしたデザインのアドバイスを15ドルでしてくれるようだ。しかも納期は数時間。 「うーん、もうちょっと・・・いまいち」的なデザインが出来てしまった時に試してみるといいのかもしれない。 ゼロからのデザインにもニーズはもちろんあるが、こうした「デザインの微修正」にもニーズはあるのかもしれないですな（でもないかな）。
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書
色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。
『かわいいアプリデザインの法則＊GIRLS UP＊』
はじめまして。GIRLS UPでデザイナーをしています、アビン(GUPDesinger)です。 今回はGIRLS UPのデザインを元に、かわいい女性向けアプリのデザインの要素と作り方をお勉強しましょう！センスに自信が無い人でも、「かわいい」のロジックさえわかっていれば、簡単にかわいいアプリを作ることができると思います。そのロジックをぜひ参考にしてみてください！ まずはたくさんのキーワードを用意する。 よく「かわいいデザイン」って聞きますが、「かわいい」という言葉を聞いてイメージするものが、全ての人にとって全く同じとは限りません。 「かわいくて〇〇」をキーワードで表現する自分が持っている「かわいい」というイメージを表現するには、たくさんのキーワードで表現するとわかりやすくなります。 まずは、「20代の美を追求する人たちが使うアプリ」というテーマから連想する、〇〇に入りそうな言葉をたくさん並べ
アイデアとユーモアと素材で勝負！ 海外のユニークな名刺の数々が楽しい | Pouch［ポーチ］
ポーチでも何度かご紹介してきた海外のユニークな名刺たち。それぞれの職業ならではのスタイルやシャレを盛り込んだ名刺は、見ているだけで楽しいですよね。真面目なイメージの ”名刺” というよりも、”カード” という語感の方がピッタリきます。 堅くなりがちな日本の名刺交換の場に、そんなちょっとした遊び心のスパイスを効かせるのも面白いかもしれません。職業は選びそうですが……。ということで、今回もユニークな名刺をざざざっとご紹介いたします！ 大別すると、何かの用途を兼ね備えた「便利系」、シンプルな発想やデザインが素敵な「スマート系」、ジョークっぽい「笑える系」、変わった素材で目立つ「インパクト系」、動きのある「アクション系」、といったところ。 例えば、自転車パンクの応急処置に使えるテープ（バイクショップ）やプラスチックの櫛（美容院。しかも端から弾くと曲を奏でる！）、USBになっているのが便利系。財布に
山中俊治の「デザインの骨格」 » 誤差の話
小さな差が積み重なって思わぬ大きな差になることはよくあることですが、モノを作るときにも寸法誤差の積み重ねは、とても重要な意味を持ちます。 例えば、カステラがきっちり入る桐の箱を作ることを想像してみましょう。理想は隙間なくぴったり納まることですが、人の手が作るものでは、なかなかそうはなりません。カステラを切るときに、菓子職人さんがどんなにがんばっても最大1ミリの誤差は防げないとしましょう。一方、箱職人さんが作る桐の箱も±1ミリぐらいの誤差は出るとします。どちらも20センチで作ってくれと依頼しても、201ミリになったり199ミリになったりする可能性があるということです。 さて、カステラが箱に入らないという困った状況にならないためには、それぞれの職人さんにどのように依頼すればいいのでしょうか。答えは、箱をカステラより2ミリ大きく（箱は201ミリ、カステラは199ミリに）作ってくれと依頼することで
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
翻訳記事：水はひび割れを見つける | スパ帝国
これは翻訳記事です GDC#17：水はひび割れを見つける 2011/6/12 Soren Johnson Game Developer誌2011年3月号に掲載された物の再掲 「リスクを最小にせよ、どの選択肢が良いか考えろ。ゲームはそう教える。ゲームとはこういうものだ。言い換えれば、ゲームの終着点は退屈であり楽しみではない。我々は楽しいゲームを作ろうとしているが、それは人間の脳に対する勝ち目の無い戦いだ。楽しみとは過程であり、終着点はルーチンワークだからだ」 – ラフ・コスター著「おもしろい」のゲームデザイン―楽しいゲームを作る理論 多くのプレイヤーはゲームを最適解探しのパズルとして遊ぶ。どうすれば最小のリスクで最大の報酬が得られるのか？ どんな戦略が勝利を確実にするのか？ プレイヤーはゲームからできるだけ楽しみを絞り出そうとする。 しかしゲームというのは非常に複雑で、リリースしてみるまでプ
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
VANの収蔵庫キーボードという記号
Day:2012.02.02 16:01 Cat:日々の活動 写真を加工した記事が続いているので、そろそろ工作をした話を書きたいと考えていました。工作は楽しいのですが、どうしてもお金のかかるものが多くなります。「最近は金欠で」とためらううちに、アイデアだけは貯まるのですが… 安くできる工作はないかと考えたすえ、この記事を書くことにしました。費用は紙やすりとコンビニでのレーザープリント代、２００円あまりです。 安くても面白くなければしょうがないわけで、ぎこちない文章ですが今日もどうかおつきあいください。記事は誰もが見たことのあるロゴやアイコンをお借りして、自己満足な製品に改造した話です。 家に新品のキーボードがありました。キーボードって使い慣れたものほどしっくりきますよね。これは好みに合わず、残念ながら出番のなかったもの。本当に久々の登場です。 まずはキーの部分をおっかなびっくり外していきま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basic Design Note
//// COLOURlovers :: loving colours since 1981
Engadget | Technology News & Reviews
