2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less
webdesignに関するkanonicaのブックマーク (193)
-
kanonica 2024/10/26
-
muuuuu.org運営者が教える名著「アイデアのつくり方」に倣った、Web制作における参考サイトの探し方 | クリエイティブ思考 | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
QUOITWORKSでディレクションとデザインをやっております、村松です。 とっても久しぶりな今回は、Webの受託制作で確実と言って良いほど行われる参考サイトの探し方について体系化された記事がなかったので、1940年から世界中の人々を魅了し続ける不変の法則。不朽の名著。ジェームス W.ヤングの「アイデアのつくり方」のつくり方を参考に、僕が10年以上のキャリアから手探りで模索したやり方をまとめました。 1.アイデアのつくり方はどのようにやるのか。 まずアイデアの原理から説明します。 アイデアというのは「既存の2つ以上の要素を新しい一つの形に結びつけること関連性を見つけ出すのが上手い人が得意とされる。結びつける力は習慣によって強化できる。」 これはとりあえず原理なんで頭に入れておいてください。 問題はここからの、どのような方法でそれを作り出すのかですが、ヤングさんは車の製造工程のような流れ作業
-
-
最近注目されているニューモーフィズムの繊細なデザインでつくられたフォーム -Neomorphic Form
ニューモーフィズム（Neuomorphism）が去年の暮れあたりから新しいスキューモーフィズムとして注目されています。その特徴は要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。 このニューモーフィズムをCSSで実装したフォームのデモが公開されていたので、紹介します。 Neomorphic Form ニューモーフィズムとは ニューモーフィズムの繊細なデザインでつくられたフォーム ニューモーフィズムのデモ ニューモーフィズムとは ニューモーフィズム（Neuomorphism）という言葉は、UIのトレンドで「新しいスキューモーフィズム」としてJason Kelleyがコメントした「Neuomorphism?」がその起源です。 その特徴は要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。ニューモーフィズム
-
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
-
瀬戸内経済文化圏
瀬戸内経済文化圏では、かつて西日本の交易の中心となっていた瀬戸内に生まれつつある、新たな交流、とりわけアートプロジェクトやクリエイターの交流を顕在化し、一極集中型の放射状に広がるコミュニティではなく、環状に相互に連携するコミュニティという新たな境界のあり方を提示したいと考えています。 瀬戸内の各都市は共通点を多く持っています。山と海に挟まれた平地に都市が発展してきているということ、また、海運を活かした重化学工業の発展など、地理にも商業的にも共通しています。そのような類似性を持つ都市間で、それぞれの町での新たな取り組みを共有し、地域の活性化につなげていくとともに、環状のコミュニティでの交流を促進していきます。
-
ウェブデザイン制作が加速中！便利な最新オンラインツール53個まとめ
この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる
-
Kawaii DB
女性をターゲットにしたWEBサイトで、参考になる優れたデザインばかりを集めています。オシャレで可愛い！ガーリーな女性向けホームページデザインWebデザインギャラリーサイトです。 素敵なデザインのホームページの推薦情報をお待ちしております。掲載お申し込みもお問い合わせフォームより受付いたしております。
-
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
-
びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール
さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala Design Blocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。 作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。 短時間で、Bootstrap 4ベースのページを作成してみる 用意されているコンポーネント 短時間で、Bootstrap 4ベースのページ
-
-
デザイナーが押さえておきたい、2018年のウェブデザイントレンド6個まとめ【完全ガイド】
2018年になってここまで、ウェブデザインにとって驚くべき年を迎えています。これまで何年もかけて進化してきたデザインが、デザインシステムやタクタイルデザインのような新しいトレンド、また楽しく元気なレトロスタイルの復活などにつながっています。これまで以上に、ウェブデザインの現状と今後の流れを考えることが重要になってきます。 この記事では、2018年にもっとも影響を及ぼしている、6つの最新ウェブデザインのトレンドをまとめてご紹介します。 01. コンポーネントを元にした「デザインシステム」 まだデザインシステム（英: Design System）を導入していないなら、きっと今後数年以内に利用することになるでしょう。最新版となる 2017-18 Enterprise UX Industry Report によると、デザインシステムを利用していない企業の67%が、現在作成中と答えています。 デザイ
-
2017年に流行したウェブデザイントレンドの重要ポイント10個まとめ
今年も残すのところで1ヶ月あまりとなり、あっという間に１年が過ぎようとしています。今回は、2017年に流行したウェブデザイントレンドを振り返ってみましょう。この記事では、2018年に向けて重要となる、2017年に人気となったウェブデザイントレンドの重要ポイント10個をまとめてご紹介します。 これでもう悩まない！2017年のデザイントレンド完全ガイド 2017年に注目したい、グラフィックデザインの最新トレンド9個まとめ 01. ダイナミックなタイポグラフィ 現代のウェブサイトにおいてタイポグラフィや書体は、コンテンツの読みやすさだけでなく、印象的なドラマを追加するのに利用されるようになっています。 ドラマチックなタイポグラフィは、たくさんの人気ウェブサイトデザインでも採用されています。通常、このテクニックはユーザーの注目を集めたり、メッセージをうまく伝え、視覚的に魅力的なデザインに仕上げるこ
-
非デザイナーがナメられないための、おすすめデザインツール12選
僕は非デザイナーですが、こちらの考えにとっても共感します。 ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。 本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。 おしゃれなものを作らなければいけない、と言うわけではないと思います。 使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。 相手視点を持った思考が大事なんじゃないかなって思います。 『わかる！だけど実際難しいんだよ！』 という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。 有名どころも多いですが、もしご存知ないものもあったら触ってみてください。
-
デザイン制作を助けてくれる国内外の素材サイトまとめ - NxWorld
見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。 以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。 また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。 国内 - 全般・ベクター・ラスター 国内 - テクスチャ・パターン 国内 -
-
STUDIO | Web制作を、ノーコードで。
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
-
【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
-
-
2017年に注目したい、グラフィックデザインの最新トレンド9個まとめ
今回は、2017年を三分の一過ぎたところで、確認しておきたいグラフィックデザインの最新トレンドをご紹介します。パッケージデザインからタイポグラフィー、レイアウトやシネマグラフなど幅広いトレンドを網羅しています。 2017年は、わたしたちがオーガニックで自然を起源としたものに戻る年であり、よりナチュラル思考が高まっていくでしょう。配色に関しては、毎年 Pantone 社が発表している今年の色として、「Greenery」が選ばれ、新しい始まりや新鮮や環境を意味しています。 「春のはじめを連想させるような、新鮮で独特な黄緑色の色合い」として表現されている には、自然のありがたさを再認識、楽しもうという概念も含まれています。 では、2017年現在のグラフィックデザインのトレンドをより詳しく見ていきましょう。多くのトレンドは、ウェブデザインとプリント媒体のどちらにも影響しています。 これでもう悩ま
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました