多摩美統合デザイン学科の学生として思うこと
佐野研二郎氏盗作疑惑について（学生個人の意見です／2015年8月23日時点）。 彼はご存知の通り多摩美術大学のグラフィックデザイン学科を卒業し、現在はアートディレクターをやりながら多摩美術大学統合デザイン学科の教授も務めています。 実際には、まだこの学科自体設立から2年目で、佐野教授自身が講義を行うことは今までにほとんどありませんでした（というか、私はまだ彼の講義を一回しか受けていません） 統合デザイン学科統合デザイン学科は、多摩美の本キャンパスとは別の上野毛キャンパス（世田谷区）にあります。 学科長はプロダクトデザイナーの深澤直人教授で、そのほかに、ウェブデザイナー・インターフェイスデザイナーの中村勇吾教授、HAKUHODO DESIGNの永井一史教授、そしてアートディレクターの佐野研二郎教授の4人と統合デザイン学科専任の講師や先生で構成されています。 現状、学校によくいらっしゃるのは深
シングルページなサイトをデザインする上で、知っておいて損は無いかもしれないプラグインとか色々！ | バンクーバーのうぇぶ屋
最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね？』って物を幾つかご紹介させて頂きます！ 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜！ それではいってみましょー！ パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
「物乞い」の行為をデザインする
Summary*English report here ストリート・ディベートは路上で問題提起をし、世論を硬貨で可視化する職業である。これは、路上での「ものごい」に代わる行為でもあり、尊厳を損なわずにお金を稼ぐことができる誰もが出来る方法である。 路上で暮らすことを余儀なくされた人々が、友好的な会話を通して社会へ対等な立場で再接続する最初のステップとなることを目指している。 ロンドンではストリート・ディベートで１時間に平均13.5ポンドを稼ぎ、12.5人を議論に巻き込むことが明らかになっている。 Why I started designing the act of beggingもしあなたが、ロンドンやパリといったヨーロッパの都市を訪れたなら、道端で「ものごい」を行なう人を見ることは、そう珍しいことではないだろう。
「なぜ、団塊ジュニア世代～30代って、無印良品を買うのだろう…。なんで買うの？」時代の移り変わりからみるシンプルなデザインが好まれる理由
なちゅ。 @itacchiku ねえ！！！！そうだ！！Panasonicの新作の洗濯機、デザインが最高なので見て！！！！！めっちゃ美しい直角ライン。コンパクトなのに10キロタイプもある。温水洗いもバブル洗浄も洗剤自動投入も搭載。こういうの！こういうのがいいんだよ！！！！きたぜやったぜPanasonic！！！ panasonic.jp/wash/products/… pic.twitter.com/vY30S2uqUx リンク panasonic.jp ななめドラム洗濯乾燥機 NA-VG1500L/R | 商品一覧 | 洗濯機/衣類乾燥機 | Panasonic パナソニックのななめドラム洗濯乾燥機「Cuble( キューブル）」NA-VG1500L/Rの特長を紹介。液体洗剤・柔軟剤 自動投入、２度洗いモード、温水機能、スマホで洗濯、低温風パワフル乾燥、「ナノイー X」搭載モデルです。 1 u
ずいぶん久しぶりの投稿になってしまいました。申し訳ない。 今回はタイトルの通り、ワイヤー上がった！デザイン依頼した！で上がってきたデザイン案（もしくはモックアップ）を見て、その段階でディレクターが何を「確認」すればいいのか？という内容についてです。 もちろん経験を積む。もしくは自分自身でデザイナーも経験するなどの機会に恵まれれば大丈夫なんですが、僕みたいに「いきなりWebディレクターという肩書きを与えられてしまった人」は、デザインの何を確認すれば良いのか分からなくなってしまうケースも多いんじゃないかな？と思って書いてみました。 実際にはマークアップ後まで影響してくるので、もっともっと項目は伸びると思うのですが、ひとまず僕が注意して見ているポイントを10個ピックしています。 色数を使いすぎていないか あれもこれも！と欲張りすぎて、結局なにが「一番強調したいのか」が分からなくなってしまっている
フラットデザインの参考にも！Bootstrap3対応のかっこよすぎる無料テーマまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Bootstrap3の無料テーマ＆テーマ集まとめ BlackTie.co http://www.blacktie.co/ 最近衝撃を受けたフリーのテーマ集。どのテーマもかっこよすぎて涙が出ます……ありがたや……ネーミングとロゴもかわいくてきゅんとしますね。 テーマ数は現在（2015年6月時点）25個あり、今後の追加も楽しみですね。 Bootswatch http://bootswatch.com/ こちらもテーマ集です。Bootstrap2の頃からありましたが、3にも対応したようです。フラットデザインにするなら「Flatly」がおすすめ。 Start Bootstrap http://startbootstrap.com/ こちらもテーマ集。管理画面用やポートフォリオ用など、いろいろな用途別に作られているのがありがたいですね（「Sponsored」のタグがついたものは有料なのでご注意！）。
キャリア、転職、人材育成のヒントを提供してきた「リスキリング」チャンネルは新生「NIKKEIリスキリング」としてスタート。 ビジネスパーソンのためのファッション情報を集めた「Men’s Fashion」チャンネルは「THE NIKKEI MAGAZINE」デジタル版に進化しました。 その他のチャンネルはお休みし、公開コンテンツのほとんどは「日経電子版」ならびに課題解決型サイト「日経BizGate」で引き続きご覧いただけます。
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 最後にとびっきりの脱力フォントがあります。
【2015年】チラシのデザインを頼むといくらかかるか？97社の料金表を調べてまとめてみた。 - デザインを相談してみよう
チラシを制作するのに、大体いくらくらいかかるのでしょうか。 イベントへの集客のために街で配ったり、展示会ブースで興味を持ったお客様に配ったり、パンフレットに次回公演のお知らせを挟んだり、「チラシ・フライヤー」の出番は意外とあることと思います。WordやPowerPointで作った原稿をそのまま印刷するのであれば、印刷会社にそのまま頼むだけで安くつくることができますが、デザインも格好良くしたい、という場合にはデザイナさんに頼まなければなりません。 デザインは、どの程度こだわるか、写真素材やイラスト素材を使うか否か、前回のパターンを使えるか否か、などによって工数が異なるので見積りが必要なケースがほとんどです。お付き合いのあるデザイナーがいる場合は、手早く安く作ってくれるケースも多々ありますが、そうでないといくらかかるのかよくわからないものです。また知り合いのデザイナに頼む場合でも相場を知らない
新郎新婦には内緒で、「ご結婚おめでとう」の「声」を集めたい。 みんなからのナマの「声」をどうにかして録音することはできないか。 それらを、記念の刻印入りの iPod shuffle にいれてプレゼントできないか。 ―――そんな秘密の企画がひっそりとはじまりました。 Twilio（トゥイリオ ）というクラウド電話APIサービスでやってみよう！ という計画を思いついたのは @darashi @june29 @hmsk のプログラマの3人でした。 Twilio（トゥイリオ ）って何？ Twilio（トゥイリオ ）というのは、クラウド電話APIサービスのことで、 プログラミングで電話システムを作れるのだそう。 電話というツールで、何かシステムを作る。なんだかよくわからないけれど、 わくわくする遊びがはじまったんだ、ということだけは私にもわかりました。 そんなある日、@hmsk さんから Ruby
2007年度のCSSデザインベスト50発表
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
必ず 利用規約 を一読の上ご活用下さい。 画像をクリックすれば当サイトで公開している文様・和柄・和風デザイン用のパターン背景素材のIllustrator9形式AIファイルまたはEPSファイルを無料でダウンロードできます。 ダウンロードした素材ファイルはサイズ・色等の変更は自由です。和柄・和風デザイン・DTP・POP背景にお使い下さい。 商用利用の場合は念のためご一報下さい。原則としては直接利益を得るものへの使用以外はご連絡後使用可能としております。 （例）商品デザインへの使用・販売⇒×（有償） 商品パッケージ・パンフレット⇒○（事後含み連絡必要） あくまで個人レベルの産物ですので作りが甘いですがご理解宜しくお願いします。 当サイトで必要な素材が見つからない場合は素材集等の購入をおすすめします。当サイト管理人が実際に購入した 素材集は使用感を含めてこちらで紹介 しています。 ではでは お好み
close close close
![クリエイティブなWebデザインリンク集 -[ウェブアートノックARTNOC]-](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a641442babbfb54f2b57a3b080bdb65fd49f0b6/height=288;version=1;width=512/http%3A%2F%2Fart-noc.com%2Fwp-content%2Fuploads%2F2017%2F11%2Ffillinglife-1024x598.jpg)
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる！』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている
ひまだ @EGFinal_mada 新紙幣、千円の「1」はただの棒で1万円の「1」が折れ曲がってるやつなの、キモすぎ！！！！！！！！！！！ pic.twitter.com/NzZPsJ0NL0
一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し（リピート）使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1：パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2：背景画像を作ってみましょう。 新
ここ2ヶ月以内に作られたばかりという新鮮なデザインのロゴ50種類です。どのロゴも一目で内容が把握できる上に人目を引く優れたデザインとなっているので、これから先何かのデザインをする機会がある人の参考になるのではないでしょうか。 ロゴ50種類は以下から。Awesome Logo Designs In March And April ? 50 Logos | Design your way 01：Allibone 02：Art Eagle 03：Ayvi 04：Bazooka 05：Billy Turf 06：Book Cover Cafe 07：Casa dei Curiosi 08：CAT 09：Charge 10：CinEmpire 11：Crazy Idea 12：Dance Police 13：Dino 14：Dionysus 15：eco motion 16：Elegant Cust
■■チョコレート、無念の思い出 ■■■勝見勝先生 ■■■影さんを悼む ■■2019年の新年所感 ■■■９年振りの台湾訪問と講演･展示会 ■■飯粒を残すような奴は出世しない！ ■■「写真撮影」への思い入れ ■■「コーポレート・アイデンティティ戦略」改訂版を刊行予定 ■我がオフィス(事務所)転々記 ■■■STRAMD、９年目を前に終了、さて次なる展開は？ ■■桑沢デザイン研究所以来の友人、坂本和正君逝く ■■■STRAMD第８期生修了、そして第９期生募集へ ■■９年目を迎えるSTRAMD(戦略経営デザイン) ■■王超鷹と中国の切り絵文化展、そしてPAOS上海のこと ■■盟友「木谷精吾」逝く ■イヌ型ロボット、AIBOから復活aiboへ ■■2018新年ご挨拶 ■■■「PAOSの次を創る」人材が欲しい ■ポルトガルの旅 ■■■「中西元男の世界」展を終えて ■■■｢中西元男の世界｣展 開催にあたっ
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ
もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに黄金比や白銀比を使ってみる 1.グローバルメニューを埋れさせない ポータルサイトは情報量がとても多いです。ユーザーを迷わせないためには、画面が遷移しても変わらずそこにいてくれる「グローバルナビゲーション」は頼りになる存在です。それが他の情報に埋れてしまってはもったいないですよね。なので、デザイン時にはまずこの子に注目してみました。 白抜きのメリット 色々なサイトを観察していると、ナビゲーションバーに白抜きを使っているサイトが多く見られました。 調べてみたところ、白抜きは小さな文字でもやや大きく見えるというメリットがあるとか。なぜなら、白は「膨張色」だからです。 膨張色とは明度が高いことから、他の色に比べて膨らんだり広がったり錯覚する色のことです。白や明度の高い暖色系が膨
Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。 最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を
更新日: 2017年05月22日公開日: 2015年06月04日ここが最前線！2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日本人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及
ウェブデザインと同様に大手ブランドもロゴのデザインを変更しています。最近では、日本ハム、三菱電機、村田製作所など、また一昔前では話題になったGAP、Twitter、スターバックスなども。 好みはありますが、リデザインしたロゴは洗練されており、トレンドをうまく取り入れているものが多いと思います。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 （投稿が遅れてしまいました。本当に申し訳ございません。） なんだかんだとデザイナー歴３年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy（ドレシー）というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000
ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか？ 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注：Complexionは「顔色」「血色」という意味で、Reducti
今年（2014年）で見かけて気になったものやダウンロードしたデザインUIキットのまとめです。 そのままデザイン素材として使用するだけでなく、パーツやカラーの組み合わせ方を参考にしたり、どのようなレイヤースタイルで作られているかなど制作時のヒントに繋がる場合もあると思います。 紹介しているUIキットを使用する際は、ライセンス等は各自で再度確認してください。
リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ（さとう おおき、1977年12月24日 - ）は、日本のデザイナー、建築家である。デザインオフィス 「nendo」（ネンド）代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。
全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。 例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。 その一方で、以前に「アメリカでWeb制作会社が存在出来ない5つの理由」で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。 むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。 絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか？We
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
ディレクターが指摘すべきデザインの注意ポイント10個
月に1万円以上使うなら「お金がかかる趣味」 ：20代から始める バラ色老後のデザイン術：マネー ：日本経済新聞
CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年5月
「ご結婚おめでとう」親友に贈ったコードとデザインの話 - はぁはぁブログ
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
和柄・和風デザイン用AI・EPSファイル無料ダウンロード－粋屋 日本の伝統文様と伝統色－
クリエイティブなWebデザインリンク集 -[ウェブアートノックARTNOC]-
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
Webデザインで使えるフリーシームレステクスチャ100枚 – poyosi.com
デザインの参考になる、一目で内容が鮮烈に伝わってくる優れたロゴ50種類
中西元男公式ブログ | 中西元男 実験人生: 2020東京オリンピックと「日本デザイン界の大きな時代遅れ」
プロ御用達！WEBデザインに役立つデザインツール13選
デザイン時に注意したい角丸の使いかた - Design Color
ポータルサイトのデザインをする時に意識したこと5つ - Design Color
マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法
ここが最前線！2015年WEBデザイントレンド13選
2014年のロゴデザインのトレンド -2014 Logo Trend Report
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita
InstagramやAirbnbなどのUIデザインに見る新しいトレンド
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得
フリーランスWebデザイナーという職業も無くなる4つの理由 デザイン会社 ビートラックス: ブログ