フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
Top Best 50 Ubuntu Opensource Applications For Design And Developing
Ubuntu (and its variants Kubuntu, Xubuntu and Fluxbuntu) have made Linux more accessible to the big public, as it has brought both ease of use and eye-candy as well as security and ease of installing programs. The users of Ubuntu have a big range of software to choose and install, but it's hard to choose what software is the best for your needs. This list hopes to help to choose the right software
マテリアルデザインに使える配色をまとめたサイト「Material UI」 | ライフハッカー・ジャパン
「Material UI」はマテリアルデザインに使える配色をまとめたサイトです。アクセスすると様々な色が表示されます。どれもマテリアルデザインに合う色合いになっていますよ。クリックするとカラーコードをコピーできます。 以下に使ってみた様子を載せておきます。まずMaterial UIへアクセスしましょう。マテリアルデザインに合う色がずらっと一覧で表示されています。 このようにさまざまな色が表示され、クリックするとカラーコードをコピーすることができます。流行りのマテリアルデザインを採用する際、どの色を使おうか困ったときにぜひご活用ください。 Material UI | Material Design | Material UI Colors （カメきち）
しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レスポンシブWebデザインのツールもリリースされているので、ぜひ！ FROONT -Responsive Web Design Tool レスポンシブとアダプティブ Webデザイン フロー 相対的なユニット ブレイクポイント 最大限と最小限の値 オブジェクトのネスト モバイルファースト or デスクトップファースト Webフォントとシステムフォント ビットマップ画像とベクター レスポンシブとアダプ
強いロゴを作るために必要不可欠な4つのルール
by arnoKath 無料でオリジナルデザインのロゴを作成してくれる便利なサービスもありますが、本当に効果的なロゴを作るなら細部までこだわり抜いた完全オリジナルデザインにしたいもの。ではロゴマークを1から作ったり改良する場合に何が重要になってくるのか、というと、そこには4つのルールがありました。 4 essential rules of effective logo design | Webdesigner Depot http://www.webdesignerdepot.com/2013/03/4-essential-rules-of-effective-logo-design/ ◆ロゴ作りを始める前に問いかけるべきこと ロゴ作りを始める前に、自分が作った直近のロゴに関して14の質問に答えて下さい。 01：ロゴは傾いていないか 02：水平と垂直のいずれの方向にも余白があるか 03：白
レイアウトの基本的な型と、レイアウトからデザインまでの流れ
Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識（Wikiped
バンクシー - Wikipedia
彼の政治的および社会的批評の作品は、世界中の街路、壁、橋に描かれている[6]。バンクシーの作品は、アーティストとミュージシャンのコラボレーションを伴う、ブリストルのアンダーグラウンド・シーンから生まれた[7]。バンクシーは後に、イギリスの音楽グループ、マッシヴ・アタックの創設メンバーとなったグラフィティアーティストの「3D」に触発されたと語っている[8]。 バンクシーは彼の作品を建物の壁面や自作の物理的な小道具のような、公に見える表層に展示している。バンクシーはもはや自身のストリートグラフィティの写真や複製を販売していないが、彼の公共の「展示品」は定期的に転売され、多くの場合それらが描かれていた壁が取り外されることさえある[9]。少数のバンクシーの作品が正式に、非公開で、ペスト・コントロール (Pest Control) というオフィスを通じて販売されている[10]。 バンクシーが監督デビ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |
clavis.ne.jp