タグ Design
人気順 5 users 10 users 50 users 100 users 1000 users新サービス立ち上げ時の重要指標のデザイン - クックパッド開発者ブログ
2016 - 08 - 30 新サービス立ち上げ時の重要指標のデザイン Design こんにちは、株式会社ビットジャーニーに出向中の出口 ( @dex1t ) です。ビットジャーニーでは、 社内情報共有ツール Kibela *1 のサービス設計やプロダクトマネジメントに責任を持ちつつ、エンジニアとして開発全般に携わっています。 今回は、新サービスの立ち上げ時にどのような考えで重要指標 *2 を設計... 続きを読む
レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet... 続きを読む
エンジニアこそ色彩デザインを学ぼう - pblog
2014-07-17 エンジニアこそ色彩デザインを学ぼう design 学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる本作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10メディア: 単行本 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオスス... 続きを読む
あなたは見分けられる!?定番フォント代わりに使えるGoogle Fonts 27書体 | Design | WebNAUT
あけましておめでとうございます!定番フォントを愛してやまない、デザイナーTです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね! そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォ... 続きを読む
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか - Hack Your Design!
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー(便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ)によって阻止されるのは中の人としては決して嬉しいことではない。 ユーザーは「最高にクールなUI」がわかるか? まずこの問いから始めた... 続きを読む
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | Design | WebNAUT
Category Direction Design Markup Develop Others About WebNAUT 株式会社ビーワークスの運営する研究紹介サイト。クリエイティブに関する様々なお役立ち情報を通して、ビーワークスのこだわりや制作プロセスをご紹介しています。 詳しくはこちらから。 Tag 3D Ai application CSS Dreamweaver Google Analy... 続きを読む
コーダーに喜ばれるデザインの作りかた | Webamb | ウェブアンブ
Web amb I'm writing about Web Design, Coding, WordPress, CSS Preproccer, Developer Tool, and more... コーダーに喜ばれるデザインの作りかた 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください!」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザ... 続きを読む
「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」 | 56docブログ
「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」 【Design】 wrote on 2013/03/13 http://blog.56doc.net/Entry/553/「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」 Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基... 続きを読む
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
design, Sass, 作ったものどうも。書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。少ない手間と知識でそれ... 続きを読む
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン — Presentation Transcript 1 WAVEイベントセミナー・アプリ制作勉強会勘違いだらけのAndroid UIデザイン Android UI Design, Too Much Misunderstanding Nobuya Sato Secret Lab, Inc. August 21st., 2012 Twitter: #apps... 続きを読む
グリッドデザインに使えるツールいろいろ | DesignWalker
ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか? ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ! 今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。 Grid Style In Modern Web Design: Showcase and Resources 美しいグリッドデザインのサイトがたくさん集められ... 続きを読む
ウェブデザインにおける効果的な背景の使い方 | コリス
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェ... 続きを読む
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。 デザイン的に「見やすい」または「美しい」とされる縦横比。 1 : 1.4 日本建築やハガキ・用紙サイズに用いられる白銀比 1 : 1.6(または5:8) 名刺などに用いられる... 続きを読む
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーを... 続きを読む
ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 続きを読む
覚えておきたい配色のワザと便利なツール :: Love & Design ::
色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Satura... 続きを読む
お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン(CSS)ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01... 続きを読む
たった1分でかっこいい写真に変身できる!Webツール :: Love & Design ::
ブログや mixi に写真をかっこよく載せたい人は必見! 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor (やのさん thx!) 説明... 続きを読む
はてなブックマーカー御用達ツールまとめ :: Love & Design ::
はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名(敬称略) Zer0Reader id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール ... 続きを読む
厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日本語・携帯にも対応) ワンポイントや mixi... 続きを読む
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780... 続きを読む
写真をオシャレに見せたい人のための便利なツール :: Love & Design ::
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer アップロードした画像(GIF・JPEG・PNG)のURLを入れてクリックするだけ 余白に文字を入れることもできます。(英語のみ) お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color... 続きを読む
画像が簡単にできるジェネレーターいろいろ :: Love & Design ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef(日本語対応になりました) こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れる... 続きを読む
TED: Ideas worth spreading
TED (Technology, Entertainment, Design) is an invitation-only event where the world's leading thinkers and doers gather to find inspiration. Initially an annual conference, the scope of TED has expand... 続きを読む