新人Webデザイナー向け！即戦力になるための4つのヒント
Webデザイナーとして仕事を始めて経験が少ない時期は、誰でも思いもよらぬ注意をされたり、ミスをしたりするもの。その原因や解決方法を理解しているか否かで、今後の成長に大きく差が出ます。新人Webデザイナーの失敗あるあるとその解決方法についてまとめます。 ＜この記事に関連する記事＞ Webデザイナーのキャリアを考える【制作会社と事業会社の違い】 Webデザイナーに求められるスキルレベルは？未経験でも最低限必要なのは？ 初心者Webデザイナーの独学におすすめの本10選 目次 なんとなくデザインをしてしまう。その色・飾りを使う理由は？ Webディレクターのいいなりになってしまう。その指示は本当に必要？ 曖昧なまま仕事をすすめてしまう。的確な質問ができている？ 納期に遅れてしまう。「明日が締切」は「明日の何時」？ まとめ なんとなくデザインをしてしまう。その色・飾りを使う理由は？ 「その飾り罫、どう
【公開講座】イノベーションとデザイン思考【schoo WEB-campus】
実践を前提としたワークショップが中心。「デザイン思考」の考え方がわかりやすく学べ、身につきやすいのが特徴です。フレームワークを使った問題解決への進め方、アウトプットの仕方などを体験しながら、つまづきやすいポイントも確認でき、参加者が現場に戻った際に実践ですぐ役立つプログラムになっています。
Bootstrap 3でレスポンシブ対応のwebページをつくろう！グリッドシステムの基本な使い方
Bootstrapはここ数年人気が非常に高く、多くのWebデザイナー・制作者がレスポンシブ対応のWebサイトを作るための本当に便利なツールです。使いやすいclassを備えたモジュール式のフレームワークで、カスタマイズ性にも非常に優れています。 Bootstrapのファイルのダウンロードからファイルのセットアップ、グリッドシステムの基本的な使い方を解説した記事を紹介します。 Installing Bootstrap and the Bootstrap Grid System 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 3の特徴 Bootstrapのダウンロードとインストール Bootstrapのファイル構成 このチュートリアル用のファイル構成 デバイス用のclass コンテナの実装と配置 グリッドの実装 オフセッ
PRIO App
Prio is a beautiful To-Do list that helps you achieve your everyday tasks
Designing with Data
Before and After artboards using Sketch placeholders and JSONWe’re constantly looking for new ways to improve how we design at Depop. This morning Sam, our product manager, posted a link into our Slack channel: Modern Design Tools: Using Real Data. As the article states, we’re in a state of flux where a designer spends a lot of time creating pixel perfect designs either in their favourite tool, or
5分でわかるフラットデザインの起源と歴史 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 良いか悪いか別にしろ、Appleの採用で一気に普及が進んだフラットデザイン、改めて「歴史に残る者が勝者」だなぁ、と勝手に達観してしまった私ですが、さて今回はそんなフラットデザインに関する歴史と現状をコンパクトにまとめてくれた素晴らしい記事をThe Next Webから。 — SEO Japan 最近、ウェブデザインに関する話題になると、必ず「フラットデザイン」と言う用語を耳にする。フラットウェブデザインのトレンドは、ここ数年、確かに注目を集めている。有名な企業が、デザインの美学をフラットに変えたことが、このデザインの人気に火を付けたようだ。 しかし、フラットデザインは、どのようにして生まれたのだ
5分でわかるミニマリストデザインの歴史と実践ガイド ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ウェブサイトから映画ポスター、素材集までミニマリストなデザインが大好きなSEO Japanですが、今回はそんなミニマルデザインについて改めてその歴史と生い立ちについて学んでみようという記事を。ミニマリストなデザインにチャレンジしたい方にも純粋に楽しみたい方にも、もっとミニマリズムが好きになる内容です。最後に簡単な実践ガイドつき。 — SEO Japan ミニマリストデザインは、20世紀と21世紀初頭の最も顕著なデザインムーブメントの1つだ。それは最も派手なものでも最も人気のあるものでもないが、ほぼ間違いなく、他のアートトレンドもしくはデザイントレンドのどれよりも多くの分野に浸透してきた。ユーザーインターフェースから、ハードウェアデザイン、自動車、映画、ゲーム、ウェブ、そして今日のビジュアルデザインまで、全てだ。これら全ての分野がミニマリズムに影響された。 (Image by Jason G
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
「クックパッド」「ボケて」「ウォンテッドリー」など、グロースハックの実践に役立つ資料15選！ | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
「グロースハック」という言葉は、2013年頃から頻繁に使われるようになりましたが、「言葉は聞いたことあるし、重要な事はわかっているがなかなか実践出来ていない」という企業も多いのではないでしょうか。 そこで今回は、「クックパッド」「ボケて」「ウォンテッドリー」など、人気サービスのグロースハックの手法について解説している資料を集めてみました！自社のサービスに有効なグロースハック手法が見つかるかもしれません。 また、日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました（たぶん）ので、こちらも併せてご覧下さい。 それでは、早速みていきましょう！ ①クックパッドとZaimのグロースハックについて
richmarketing.jp
richmarketing.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CSS vs. JS Animation: Which is Faster?
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point walkthrough of how JavaScript-based DOM animation libraries, such as Velocity.js and GSAP, are more perfor
Design Details: Instagram for iOS by Brian Lovin
Ah, Instagram. I’ll venture a guess that 99% of folks reading this have used Instagram at some point in their lives. It’s the app that changed the way we share photos with friends and followers and in a few short years has become a key tool in the app-arsenal of more than 300,000,000 people. Instagram is one of the most beautifully designed apps in the world. That’s my opinion, of course, although
Atomic Design
Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we’re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages. A lot has been said about creating
My Approach to UI Design
First of all, this is somewhat of a rebound of what Marc Edwards from Bjango has written up for his app design workflow. This article will be a little bit more broad on UI design covering both web design and native app design. By the way, this is just my opinion on how to design for UIs, there are probably better ways to do all of these things. If you do have a better way, tell me in the comments
これからWeb業界に就職する新人へ送る、成長率＆効率を大幅に上げるための記事まとめ | LISKUL
この記事は、これからWeb業界に飛び込む新人へ送るものです。 一口にWeb業界と言っても様々な職種が考えられますが、共通するのはとにかく『変化が激しい』こと。 どうせスピード感への対応に追われるのであれば、肝心なのは最初です。誰もが皆、猛烈なスタートダッシュをかけたい、と思っていることでしょう。 そんな激しい変化の中でも、Web業界には「名記事」と呼ばれる記事がいくつかあり、それを最初に知っておくだけでその後の活躍が大きく変わるものが存在します。 そこで今回のまとめでは、業界経験5年以上で活躍しているベテラン社員のヒアリングの中から名記事を選定し、中でもはてなブックマークを3ケタ以上集めている記事を中心に厳選して紹介いたします。 なるべく汎用性のある情報からスペシフィックなものまで網羅するよう、記事をまとめましたので、「とりあえずWeb関連の会社に就職する」という人は是非ご一読下さい！ 1
女子も男子も人物の写真画像を美しくかっこよく魅力的に仕上げるPhotoshopのアクション -Chocolate Action
女性はより美しく魅力的に、男性はよりかっこよく魅力的に、写真画像にソフトなチョコレートのトーンを使って、美しいコントラストとシャドウを生み出すPhotoshopのアクションを紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！
厳選！あなたの引き出しを増やすデザインスクラップツールまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
皆さんはお気に入りデザインの管理をどうやっていますか？ はじめまして！ 14新卒デザイナーとして面白法人カヤックに入社しました、トダエミです。 ソーシャルゲームチームでデザイン修行しながら、写真撮ったり絵を描いたりしています。 今回は、新卒デザイナーにとって関門の一つデザインの引き出しを増やせ！ を攻略するための方法として、 デザインスクラップツールの紹介をします！ 1.デスクトップ系ツール バナーもボタンもキャプチャも、これ一つ！「Spark Box」 >> http://www.icyblaze.com/sparkbox/ （対応：mac） UIやバナーなど単体のものをストックするのに大活躍！ 私はソーシャルゲームのバナーをストックするのに使っています。 サイトに使われている画像が一覧で表示され、一つずつまたはすべてライブラリに読み込めます。 魅力的なのはソート機能！ なんと自動でカラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Relay Payments - Fast, secure digital payments for logistics
新着記事
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
