[B! webデザイン] open_your_eyesのブックマーク

open_your_eyes id:open_your_eyes

webデザインに関するopen_your_eyesのブックマーク (27)

白と黒で創られたシンプルですごいWebサイト10選
こんにちは。バランスにこだわったシンプルなサイトは見ていて飽きないものです。今回は、白と黒をベースに作られたシンプルですごいWebサイト10個ほど選んでみました。 Kenji Saito Kenji Saito氏のポートフォリオです。動きを含めバランスも非常に優れています。Flashじゃないのがまたすごい… Mac Pro ゴミ箱などいろんなネタにはされましたが、相も変わらずサイトのデザインは素晴らしいですね。恐れ入ります。サイト1枚で製品の良さを存分に説明できてますね。すごいうぇぶ [browser-shot url=”http://sugoiweb.nezihiko.com/” width=”550″] 見た人が口を揃えて「すごい！」といってしまうサイト。面白法人カヤックの佐藤ねじ氏の作品。本の書き出し書き出しの1文だけで本を選ぶ事が出来るサイトです。日本語をうまく使っ
open_your_eyes 2013/06/21
シンプルだけどキャッチーなデザイン

webデザイン
リンク
デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 - あなたのスイッチを押すブログ
資料の出来栄えを大きく左右する﹁色﹂。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。﹁もうちょっと青みを…﹂﹁いや、赤みが強すぎるから、彩度を落として…﹂﹁この色の組み合わせはないなぁ。何色を差し色にしよう…﹂色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。そんな時に私が役立てている、配色に関するお話しを致します。カラーパレットは自作しないそもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。ですので私は、自分で作りません。他の色んな物を利用します。それは時に写真や画像であったり、人が作
open_your_eyes 2013/06/18
カラーパレットの使い方

配色

webデザイン
リンク
【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
open_your_eyes 2013/06/18
関係ないけどTOPページがカッコイイ

webデザイン

まとめ
リンク
ランディングページ集めました。
WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ！
open_your_eyes 2013/06/14
WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ！

Webデザイン

ランディングページ

LPO
リンク
Web制作のトレンド追うなら見逃せない！厳選ブログ70サイトに各RSSと推薦記事まとめ - すしぱくの楽しければいいのです。
公開日‥2013年5月21日カテゴリ‥Web制作に役立つネタはい、個人的に好きなサイトをぐるっとまとめてみました！iGoogleとGoogleリーダーが終了するので、なんとなく代替サービスの iSoople に移行しようとまとめていたら、いつのまにかボリュームが多くなる　→　記事にしてしまったという感じです。大手や声が大きいサイトは少ないかもしれませんが、是非参考にしていただけると幸いです。 Ginpen.com | 横浜ペンギンWebを行く︻すしぱくが好きなエントリ︼ Chromeで画像の角丸枠線がボケるのを回避する。︵CSS おれおれ Advent Calendar 2012 – 20日目︶ | Ginpen.com ︻ RSSフィードはこちら︼ http://www.ginpen.com/feed/ Web Design KOJIKA17 ︻すしぱくが好きなエントリ
open_your_eyes 2013/05/21
良いまとめ

webデザイン

web制作

rss

ブログ
リンク
アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた﹁はてなブックマーク﹂。大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。︻参考記事︼・はてなブックマークのリニューアルがいけてない5つの理由 - enator'sblog・はてブリニューアル賛成論個人的には﹁あぁ、見づらくなっちゃったな…﹂と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の﹁アイトラッキング分析﹂を用いて考えてみることにしました。綺麗な﹁F字型﹂を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果
open_your_eyes 2013/01/11
webデザイン

ui
リンク
Responsive Cat
I'm responsive.
open_your_eyes 2012/11/13
webデザイン

creative
リンク
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方まず、0to255の使い方についてですが、下の画像のように﹁PICK A COLOR﹂をクリックしてカラーコードを入力します。今回は﹁#ff7400﹂を指定してみます。すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。メニューの配色を決めるということで、以下のような配色でメニューを作ってみます。メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
open_your_eyes 2012/11/09
webデザイン

色

配色
リンク
tutorials - WebPlatform Docs
open_your_eyes 2012/11/08
お勉強

Webサービス

webデザイン
リンク
日本の伝統色の組み合わせ、襲色目（かさねいろめ）の色コードまとめ
MS Office カテゴリ MS Office (104) 関連タグ Access (35) Excel (87) OfficeScripts (1) PowerPoint (8) Python (2) VBA (85) YouTube (6) 入門 (37) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (37) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)
open_your_eyes 2012/11/02
資料

和

webデザイン
リンク
くまがモチーフになっているブランド – 癒やしさと可愛さ
くまのグッズは、アクセサリーを始めキーホルダー・ストラップ・ぬいぐるみのほか、バッグも高い人気を得ています。
open_your_eyes 2012/03/25
webデザイン
リンク
伊藤内科医院
大分市大石町4丁目1組の2 / 097-543-1100 診療時間: 8:30～12:00・13:30～17:30（水曜日は15:30まで） ※受付時間は診療時間終了の30分前までとなります。休診日: 日曜・祭日・木曜午後・土曜午後
open_your_eyes 2010/06/04
webデザイン
リンク
straightline™
Motoshi Goto / Freelance Web Designer and Developer from Oita, Japan.
open_your_eyes 2010/05/15
シンプルでいて寂しさを感じさせない心地よいデザインです。作り手の言葉にも共感しました。

webデザイン
リンク
WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa　システム管理コラム集
﹁インフラエンジニアの教科書﹂シリーズや﹁クラウドエンジニアの教科書﹂などの著者。現在(株)ハートビーツ勤務。LINE社元創業メンバー。K-POP/韓国語/お酒/サイゼリヤワイン好き。
open_your_eyes 2009/10/16
画面仕様書作成やテストデータ採取時に便利なテクニック。

テスト技術

webデザイン
リンク
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。過激な表現も一部あるので、留意ください。はじめに鏡面反射アクアフラリッシュコーヒーカップ地球コミックフォントストックフォトペーパーポラロイド特大のRSSアイコン音の自動再生カウンターマーキーブラックの背景スプラッシュページスキップの無いイントロブラックの背景はじめにトレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
open_your_eyes 2009/10/08
j時代遅れのデザイン、アンチパターン

webデザイン
リンク
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
open_your_eyes 2009/10/02
シンプルなデザインに細部にひと手間加えてカッチョ良くする方法。（プロのテクニック）

webデザイン
リンク
Quality Free Vector Graphics
Create professional high-quality t-shirt designs and other merch products quickly with the only platform built specifically for merch.
open_your_eyes 2009/09/10
フリーで使えるシルエット素材

素材

webデザイン
リンク
ホームページを作る人のネタ帳
open_your_eyes 2009/09/10
webデザイン
リンク
dropdown-check-list - Google Code
Code Archive Skip to content Google About Google Privacy Terms
open_your_eyes 2009/04/17
複数選択のセレクトボックス

webデザイン
リンク
[Think IT] 【見やすさと使いやすさ】ガラリと変わる！UI入門
1978年生まれ、京都出身。ウノウ株式会社などを経て、現在はフリーランスとして活動中。「選択も集中もせず」を信条に、サーバ構築・アプリ開発からデザインまで一人で日々奮闘中。ブログ：Lism.in * blog（http://d.hatena.ne.jp/studio-m/）
open_your_eyes 2008/09/16
UI

webデザイン
リンク
1 2 次のページ