WEBデザインが独学で身につく！WEBデザイナー必見の神サイト20選
2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー１年制が、今からの更新情報を受
ペットボトルキャップは495°回せば開く
あなたは電話ごしに、出張先で作業中の部下に指示を出している。今日は自販機でお茶を買って飲む作業だ。 あなた「…コインを入れたらボタンのランプがつくから、適当なボタンをひとつ押して」 部下「押しました。下から何か出てきましたよ」 あなた「それボトルだよ。出てきたボトルを拾って、片手で掴んで」 部下「掴みました。」 あなた「もう片方の手でキャップを回して開けて」 部下「キャップを……何周ですか？」 あなた「え？」 部下「何周回すんですか？？」 あなた「えっと…」 ここで正確に答えなければ部下からの信頼を失うことになる。あなたは答えられるだろうか。 インターネットユーザー。電子工作でオリジナルの処刑器具を作ったり、辺境の国の変わった音楽を集めたりしています。「技術力の低い人限定ロボコン（通称：ヘボコン）」主催者。1980年岐阜県生まれ。 本『雑に作る ―電子工作で好きなものを作る近道集』（共著）
UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
【デザイン】レトロフューチャーなフィルコPCコンセプト : 付録部 blog-bu
12月6 【デザイン】レトロフューチャーなフィルコPCコンセプト カテゴリ:アート/デザインレトロ/スチームパンク 1950年代をイメージしたという、この美しいレトロコンセプトの“Philco PC”は、デザインスタジオ、Schultze WORKS （Home）によるアートワークです。リードデザイナーのデイブ・シュルツによると、現代的なミニマリズム、スチームパンクの動き、アンティークの折衷的な混合にインスパイアされたのだとか。 とにかく感性にビンビン来るデザインです。欲しい！！ 【動画】 フューチャー・パーフェクト―未来派グラフィックビンテージ集 (アイコン・シリーズ) ジム・ハイマン タッシェン・ジャパン 2003-02 売り上げランキング : 230448 Amazonで詳しく見る by G-Tools タグ ：#PC#デザイン#レトロ#レトロフューチャー 2010年12月06日12
第51回 Attraction、Elect-LO-nica Compilation、Art Project, powered by Google | gihyo.jp
いま、見ておきたいウェブサイト 第51回Attraction、Elect-LO-nica Compilation、Art Project, powered by Google 時折吹く冷たい風と目とノドにしみる花粉のおかげで、うれしいような、うれしくないような春の近づきを感じる今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 アニメーションという"魅力" Attraction フランスのINPES（Institut national de prevention et d'education pour la sante：国立健康教育・疾患予防研究所）による、インタラクティブ・アニメーションを使ったキャンペーンサイト『Attraction / 魅力』です。 図1 クオリティの高いアニメーションが印象的な『Attractio
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
かわいい上にハイクオリティなフリーのアイコン集
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
「狙った1行を消したい」要望への回答、“5つの消し幅”を持つ消しゴム。
一見すると昔とあまり変化がないようなものでも、利用者のニーズをくみ取りながら着実に進化を遂げている文具の数々。常に角で消すことができる「カドケシ」（コクヨS＆T）をはじめ、キャップでこするだけで消せるボールペン、残量確認窓が付いたのり、簡単に修正前の状態へ“復元”できる修正テープなどなど、細やかな使い勝手の向上策を施した文具は枚挙にいとまがない。そしてこのたび、コクヨS＆Tから登場するのは、ノートの1行だけを消すのに最適な“5つの消し幅”を持つ「消しゴム＜ミリケシ＞」だ。 5月13日に発売（189円／税込み）される「消しゴム＜ミリケシ＞」は、同社が消しゴムユーザーに行った調査の結果を受けて開発したもの。調査で多くの回答が寄せられた「ノートの上の行や下の行を消すことなく、狙った1行だけを消したい」「消す幅に合わせて消しゴムを使い分けたい」というニーズに対するコクヨS＆Tからの回答だ。 その特
配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない！ よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
webデザイナが使いそうな48px四方の究極のアイコン750個を無料でダウンロード
思わず音速でクリップしてしまった究極系エントリー。 配布している方が究極だというのだから、きっと究極なんです。 webデザイナーが使いそうなアイコンパック ダウンロードは以下から。 どんなのが入ってるの？ ちょいと量が量なので小さく表示してますが、サイズは48×48pxです。 興味のある方は是非。 The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources) - Smashing Magazine こちらとあわせてどうぞ。 ハイクオリティ無料アイコンまとめ100パック2009年最新版*ホームページを作る人のネタ帳 それでは、また。
2段ベッドになるソファー
背もたれを倒すとベッドになるソファーというのはよくありますが、2段ベッドになるというのはおそらく初めて。ここまでする必要性があるのだろうか……。 仕様などの詳細は以下の通り。 DOC a sofa bed that converts in to a bunk bed in two secounds ベッド自体の長さは193センチ、幅は80センチ。価格は不明。 こんな何の変哲もないソファーが…… こうなって…… あっという間に2段ベッドへ ここまでする必要があるのかどうかよくわかりませんが……便利なのでしょうかね、これ。
素敵な名刺デザインいろいろ
個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te
ファンタジーRPGのアイテムっぽくて手書きのアイコンセット「Legendora Icon Set」
CCライセンスで提供されており、個人利用ならフリーのアイコンセットがこの「Legendora Icon Set」です。ゴミ箱がクリスタルで表現されていたり、ファンタジーRPGでよく出てくるようないかにもそれっぽいアイテムの数々がくっついてフォルダアイコンが揃っていたり、Firefoxのアイコンがあったり、見た目のかわいさと実用性とを兼ね備えた使いやすくバランスの取れたアイコンセットとなっています。 ダウンロードとその他の同じような雰囲気のアイコンいろいろは以下から。 Legendora Icon Set by *Raindropmemory on deviantART http://raindropmemory.deviantart.com/art/Legendora-Icon-Set-118999011 作者はRaindropmemoryさんで、以下がアイコンセットの中身を紹介した画像で
「色のバリアフリーに配慮した色見本」をRGB化してみた | Hinemosu
「カラーユニバーサルデザイン推奨配色セット」では、被験者実験による調整を重ね、どのような色覚の人にも比較的見分けやすい色を絞り込んだ配色セットを「色のバリアフリーに配慮した色見本」として公開してくれてるんだけど、今のところJPMA色表かマンセル値しか出てないのよね。 そのうちRGBも出してくれるんじゃないかと思うんだけど、その前に勝手に近似値を洗い出してRGB値を算出して見たよ。RGBは色範囲がせまくて厳密な「同じ色」ではないんだけど、1つの目安にはなるんじゃないかな？ 近似値は「カラーユニバーサルデザイン推奨配色セット」に掲載されている色を拾い出した値（ピッカー）と、色出し名人でマンセル値をRGB化した2種類を載せています。 自分で作っておいて何だけど、ちょっと色の組み合わせが微妙かも。本職推奨のRGBを待った方が得策かも知れません。 アクセントカラー 色の名前 ピッカー 色出し名人 赤
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
IDEA * IDEA
認証がかかっています
IDEA * IDEA
色んなOSのアイコンをカスタマイズしてダウンロードできる「ICONIZER」 | ライフハッカー・ジャパン
