[B! デザイン] [2ページ] nissaxのブックマーク

nissax id:nissax

デザインに関するnissaxのブックマーク (28)

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
nissax 2017/03/08
css

タグ

デザイン
リンク
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。目のアイコンの作り方矢印のアイコンの作り方バッテリーのアイコンの作り方箇条書きリストのアイコンの作り方クラウドのアイコンの作り方次に進むのアイコンの作り方ファンネルのアイコンの作り方プレイ・ポーズのアイコンの作り方位置矢印のアイコンの作り方位置ピンのアイコンの作り方サウンドのアイコンの作り方ウェーブのアイコンの作り方 Toptalのアイコンの作り方
nissax 2017/03/07
アイコン

デザイン
リンク
Facebook UIデザイン大解剖─UIの使いやすさを決める「グレースケール」の配色ルール｜ブログ｜root｜芯を問い、成長に貢献する
初めまして、rootアシスタントデザイナーの内藤です。今日はFacebookのモバイルUIを事例に、UIデザインにおける「グレースケール」の使い方について考えてみます。そもそも「グレースケール」とはなんなのか。僕も、言葉だけ知っていてなんとなく使っていたので改めて調べてみました。 IT用語辞典（e-words.jp）によるとグレースケールとは、画像などに使われる色の種類・範囲を表す用語の一つで、白と黒とその中間の何段階かの灰色のみを用いること一言でいってしまえば、限りなく黒に近いものから限りなく白に近いものまで「いろんなグレー」ということでしょうか。グレーという色は地味ですが、UIデザインにおいて実はもっとも重要で、なおかつ難しい色なのではないかと考えています。例えば、Webサイトのキーカラーなどは、目立ちますし、サイト、しいてはブランドそのものの印象を決定づける色なので、色選
nissax 2017/03/06
ui

デザイン
リンク
http://www.ogura.blog/entry/2017/02/28/190245
nissax 2017/03/01
Webサービス

ui

デザイン
リンク
Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ
スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。
nissax 2017/02/14
あとで読む

デザイン

ui

web制作
リンク
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しましたデザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？・最終的に何を言いたいのか結論が見えないよ。・関係性が複雑すぎて理解しずらいんだけど。・要素が多すぎて全てを把握するのが大変。・何をどこから見れば良いの？・結局一番言いたいことはなんなの？・文字サイズがたくさんありすぎてまとまりがないね。・安っぽいチラシみたいでダサイなぁ。・全体的にバランスが偏ってて不安定。・
nissax 2017/01/25
デザイン

仕事

プレゼン
リンク
「何がコンテンツになりうるか」発想法 - ブルーパドル思考 - デザイン情報サイト[JDN]
こんにちは、佐藤ねじと申します。デザイナー・プランナーとして活動しています。面白法人カヤックというデジタルコンテンツの制作会社を独立し、2016年7月にブルーパドルという会社を設立しました。このコラムでは、僕の偏った“変な”発想法をシリーズ化して、ご紹介したいと思います。最近『超ノート術』（日経BP社）という情報収集・発想法に関する本を出す機会がありました。こちらは広い層の方が読む本なので、偏っていない“まともな”ノート術や発想法についてまとめたつもりですが、JDNの読者層はクリエイター関連の方が多いので、もう少し尖った話にしていきたいと思います。ブルーパドル思考って何？ビジネスの世界では、新しい市場のことを「ブルーオーシャン（海）」と表現しますが、それは簡単に見つけられるものではありません。それに対して僕たちは、「小さいけど新しいアイデア」をたくさん見つけていこうと考えています。
nissax 2017/01/11
あとで読む

コンテンツ

デザイン

アイデア
リンク
マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法
Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミックデザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を
nissax 2017/01/11
CSS3

HTML5

デザイン

レイアウト
リンク
前のページ 1 2