[B! webdesign] griefworkerのブックマーク

griefworker id:griefworker

webdesignに関するgriefworkerのブックマーク (15)

ブランドカラー選定に必要な4つの基本プロセス｜Goodpatch Blog グッドパッチブログ
デザイナーのみなさま、突然ですがこんな悩みはありませんか？ブランドカラーを何色にするべきか、どのように決めたらよいか迷ってしまう。いつも無難な色を使いがちでデザインの幅が広げづらい。なぜこの色なの？と聞かれた時にロジカルな回答ができるか心配。デザインをしていると、このような悩みを一度は持ったことがあるのではないでしょうか。プロセスの中で必要とされるカラーの選定は、1つの難関ですよね。 0→1フェーズのデザインを得意とするグッドパッチでは、目には見えないサービスのコンセプトを決定するところから、ブランドカラーやサービスロゴなどで実際の形にする提案までを担当させていただくことが多々あります。実際に私が担当したプロジェクトでは、とある企業さまの新規デジタルメディアの立ち上げを担当させていただき、その際Webサイト内とサービスロゴに使用するブランドカラーの提案をさせていただきました。
griefworker 2018/02/13
design

webdesign
リンク
Behance
Upgrade to Behance Pro today: Get advanced analytics, a custom portfolio website, and more features to grow your creative career.
griefworker 2014/07/26
webdesign

design
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
griefworker 2014/05/17
bootstrap

html

webdesign
リンク
Behance
Upgrade to Behance Pro today: Get advanced analytics, a custom portfolio website, and more features to grow your creative career.
griefworker 2014/03/17
海外のデザイナー達のポートフォリオ。

community

design

portfolio
リンク
ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも﹁Bootstrap﹂は、多彩な機能を備え、その使いやすさから広く知られています。そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた﹁Responsive Web Design JP﹂から、Bootstrapを使って作られたサイトをご紹介したいと思います。whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド﹁AGATHA﹂のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
griefworker 2013/12/24
Bootstrapをカスタマイズするノウハウが知りたい。

bootstrap

webdesign
リンク
ユーザビリティを向上させる25のデザインの基本概念デザイン会社ビートラックス: ブログ
ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。そして、その使い易さを生み出す最初の入り口がインターフェイスである。インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。今さら聞けないUI（ユーザーインターフェース) の基本最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし
griefworker 2012/09/06
「究極のユーザーインターフェースはその存在を感じさせない」

ux

ui

webdesign
リンク
gumbyframework.com
This domain may be for sale!
griefworker 2012/05/20
UIキット付属のレスポンシブWebデザイン対応CSSフレームワーク。960グリッドシステム搭載。

css

framework

webdesign
リンク
Bootstrap Templates and More on WrapBootstrap
Bootstrap templates are website templates built with the popular Bootstrap framework. WrapBootstrap is the marketplace for high-quality website templates compatible with Bootstrap, React, Angular, Vue.js, Laravel, Django, ASP.NET Core, PHP, Python, and more.
griefworker 2012/04/26
Twitter Bootstrapのテーマギャラリー。有料ばっかり？

bootstrap

webdesign
リンク
GitHub - olton/Metro-UI-CSS: Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
griefworker 2012/04/07
Windows8のメトロUIをHTML5で再現。

windows

css

webdesign
リンク
#hero-unit
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
griefworker 2012/04/02
Facebookのタイムラインの横バージョンを実現できるライブラリ。

webdesign

javascript
リンク
Chico UI
Chico Components UI components progressively enhanced without dependencies. Mobile & Desktop Customizable Choose the components you are going to use. Easy to use Instantiate and configure it with vanilla JavaScript. Themeable Create a theme that adapts to your business.
griefworker 2012/03/03
Twitter BootstrapみたいにUIウィジェットが豊富なCSSフレームワークが増えてきたな。デザインが苦手なエンジニアとしては嬉しい限り。もっと増えろ。

html

css

webdesign
リンク
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。雰囲気のキーワードを出すなんとなくのキーワードを出します。カッコイイ！うぉ！すっげ！って感じクールとにかく渋く。鳥肌立つ感じで可愛いっぽく。やっぱ少し可愛くが良いラブリー♡ もうワクワクーって感じで♥ シンプルに。余計な物はいらんインパクトどーんとにかく覚えてもらいたい！爽やかーーーキレイに見せたい！楽しい！ﾁｮｰﾊｯﾋﾟｽｰﾊﾟｰﾊｯﾋﾟﾉ…(ry など。ここで決めたキーワードがベースになります。常に頭に入れてお
griefworker 2012/02/11
「雰囲気のキーワードを出す」「テーマカラーを決める」「トーン・オン・トーン系か、マルチカラー系か」「配色、アクセントカラーを決める」

webdesign

color
リンク
CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。カテゴリに分類して、つなげる。ページのどの位置に属すか分類し、つなげる方法を取っています。基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。例‥ CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、デザインを見なくても、どのような箇所に使われている
griefworker 2012/02/09
idやclassを使って詳細度を上げたコーディングばかりやってた。オブジェクト指向CSSっていう書き方があるのか。試してみよう。

css

webdesign
リンク
NameBright - Coming Soon
loadinfo.net is coming soon This domain is managed at
griefworker 2011/10/23
ローディング画像を生成できるサービス。

generator

webdesign

design
リンク
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3>  <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
griefworker 2011/08/19
スマフォサイトでよく見る、ヘッダメニューや矢印付きメニューのサンプルコード集。

design

css

webdesign
リンク
1