これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
ワイヤーフレーム、モックアップ、プロトタイプの違いとは？ | POSTD
開発者と仕事をしていると、スケッチ、ワイヤーフレーム、モックアップ、プロトタイプといった用語をよく聞くかと思います。しかし、あなたはこうした用語の意味を本当に理解しているでしょうか？ ワイヤーフレームやプロトタイプは、それぞれどんなときに利用するのか、知っていますか？ まず、アプリの構築を始める前に、スケッチ、ワイヤーフレーム、モックアップあるいはプロトタイプからスタートするべきだという理由を見てみましょう。 構築したいものがどんなものか、ブレインストーミングをしたり考え出したりするため。こうした作業により、あなたの期待するものが明確になる。 開発者にかかる費用を節約し、構築に必要なものを明らかにすることができる。 こうした作業の結果は投資家や最初の顧客、共同設立者に提示する目的で使える。 顔を突き合わせることのない開発チーム とコミュニケーションを取るためには、これらの用語を正しく区別し
ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
SNSシェアボタンをフルカスタマイズしてシェア数も表示する - Qiita
作ったもの デザインをフルカスタマイズでき、シェア数なども表示できるSNSシェアボタン ↓こんな感じ♪ なぜ作ったか いいね！やツイートボタンで、SNS側が用意しているsocial pluginを使っている方は多いと思いますが、表示が遅かったり、デザインやz-index的なもので苦労や妥協をしている方も多いかと思います。 逆にシェアボタンのデザインをフルカスタマイズする方法や、しているメディアもみかけますが、今度はシェア数などのデータが入れられないなどのデメリットもあります。 そこで、デザインもフルカスタマイズでき、シェア数も表示できるソーシャルボタンを実装したのでやり方をまとめておきます。 実装！！ ※今回はruby on railsとajaxを使ってます。 1. デザインされたシェアボタンを配置する ソーシャルボタンを表示するHTMLを作成する。 参考：http://simplesha
デザインという思考の型から逃れる術があるのか？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 最近、デザインとは「思考の型そのものである」と考えるようにしています。 しかも、その思考の型は決して特別なものではなく、むしろ、現代に生きる僕たちはデザインという思考の型以外で考えられなくなっている。僕はそう考えるようになりました。 昨今、「デザイン」という概念の重要性が増し、誰もがその力を身につけようと方法論や事例をかき集める風潮がみられますが、この僕の観点からいえば、�むしろ僕らはデザインという型を使わずに考えることができないのだから、本当に願うべきはデザイン力を身につけることではなく、いかにしてデザインという思考の型に無意識のうちに縛られている自分を自覚するか、デザインという思考を本当の意味で認識対象にするかということではないかと思うのです。� 僕らはみな、デザイン力
情報量が多く定期的にチェックしたい日本の素晴らしいブログ 60
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
暑さでやる気がでないWebデザイナーにおくるHTML5表現まとめ
仲夏。HTMLファイ部の本多です。 jsdo.itにて、コーディングコンテスト「Web Creator's Contest Q」を開催しています。 QはWebクリエイターのためのコンテスト、HTML5、JavaScript、CSSを駆使して挑戦しましょう！ 募集中のテーマはズバリ、 ＼ 夏を涼しくする表現 ／ 暑い夏をひんやり涼しくしてくれる作品をお待ちしています！ 本記事では、続々と集まっている投稿作品の一部をご紹介します。 夏の暑さでやる気のでない方、涼しくてアツいHTML5作品をご堪能あれ！ ※ Chrome、Safari など、最新のモダンブラウザでご覧ください。 夏を涼しくするコードまとめ！ ripple sound 音と波紋を合わせた表現が爽やかで良いですね...！ A～Zのキーを押すと自分で波紋を出せます。
パララックスでレスポンシブでjQuery Mobileな企業サイトを開発・公開しました（株式会社シーエー・モバイル公式サイト） - IT-Walker on hatena
http://www.camobile.com 昨日オープンしたのですが、こちらでも宣伝しておきます。 この2ヶ月弱というもの、こちらのサイトを開発してました。 ぼくが現在お世話になっている、株式会社シーエー・モバイルさんの企業サイトです。 死にそうなほど忙しかったけど、なかなかインパクトのあるサイトができたんじゃないかと自負してます。 自由にやらせていただき、締め切りの延長にも応じて下さった、シーエー・モバイルさんの懐の深さに感謝。 マウスホイールのない方は、方向キーでもお楽しみいただけます。 もちろんぼく一人で作ったわけではなく、作業のほんの一部をお手伝いしただけです。 一緒に制作したメンバーである稲田真帆さん、金井健一さん、桑田美由喜さん、柴田麻衣さん、ほかシーエー・モバイル デザイン室の皆様には、深く感謝を申し上げます。 今回、かなり自由にやらせていただけたので、技術的なチャレンジ
キャラメルの消しゴム。CARAMEL MINI ERASER
これは消しゴムです。 キャラメルのような包みに入っています。 キャラメル色の消しゴムです。おいしそう。 包み紙は半分だけ切って・・・ このように使います。 パッケージも可愛らしいです。
とある色の決め方
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年7月）
Lotta Nieminen / Extra l’agence / BCP INFINI - Graphic &am...他...全11件
ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年7月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Sina Nova 個人・商用利用無料。 Ashbury 個人・商用利用無料。 Epocaclassic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP