スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており（総務省「情報通信白書令和３年度版」）、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか？ 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴！ ぜひ一度詳細をチェ
ZOZO Technologies TECH BLOG
2020-07-01 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 BigQuery データ マーケティング 広告 本記事では、ZOZOのマーケティング部門の広告運用のインハウス化に伴って、これまで取り組んできた広告データの収集と活用、その仕組みにフォーカスして事例をご紹介します。 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 2020-06-29 【オンラインMeetup イベントレポート】ZOZOテクノロジーズの大規模データ活用 イベントレポート GCP Elasticsearch 検索 機械学習 こんにちは、ZOZOテクノロジーズ CTO室の池田（@ikenyal）です。 ZOZOテクノロジーズでは、6/22にZOZO Technologies Meetup -ZOZOテクノロジーズの大規模データ活用-を開催しました。 zozotech-inc
Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
レスポンシブWebデザインで必要な配置の仕組みがよく分かるアニメーションを使った解説
レスポンシブWebデザインを使用する際、Webデザインの配置がどのような仕組みになっているかを理解することは非常に重要です。PhotoshopやIllustratorなどのデザインツールに比べてそれは複雑で、スクロールやスクリーンサイズなどさまざまな要因に依存します。 さらに複雑しているのが配置の名称。 Static, Absolute, Relative, Fixed、、、スタティックとはどこが静的なのか、アブソリュートはどこに依存するのか、それらがよく分かるアニメーションを使った解説を紹介します。 Positioning in web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 彼らの他の記事もいくつか翻訳しています。 アニメーションでの解説が非常に分かりやすくオススメです。 2014年Webデザイナーはコードを
2014年、デザインやコンセプトが素晴らしかったWebサイトのまとめ -Best Website Designs of the Year 2014
2014年、デザインやコンセプトが素晴らしかったWebサイトのまとめ -Best Website Designs of the Year 2014
Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト｜ cocoblo [ココブロ]
お気に入りのWebサイトを紹介したいと思います。職場が変わった、パソコンが変わった時にいちいち探すのも少し面倒なのでブログに残しておきたいと思います。 とても勉強になるサイトばかりなのでチェックしてみてはいかがでしょうか？ タグリファレンス HTMLクイックリファレンス 目的別にHTMLやCSSのタグを探すことができる。ど忘れした時に調度良い感じがします。 TAG index HTMLやCSSのタグについてまとめられている。HTML5のタグも追加された。 HTMLやCSSを学び始めた頃から参考にさせてもらっているサイトです。タグの具体的な内容が書かれているので手軽に調べることができます。 デザインリンク Web Design Clip 業種やカラーでWebサイトを探すことができます。 Responsive Web Design JP レスポンシブデザインのサイトデザインを紹介してい
![Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/01048eb6998fe7ef9afe223729d1cc1d814f7e10/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fresponsive-jp.jpg)
初心者におすすめのデザイン勉強本25選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ
UIデザインが捗る！Prottでスマホサイトのプロトタイプを作成しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。LIGでデザイナーをしています、マチルダです。 最近、前職でお世話になったデザイナーの先輩から「アラサーは品が命」という格言をいただいたので、全体的に生き方を見直そうと思っています。 今後とも末永くよろしくお願いいたします。 数年前から、スマートフォンサイト制作のお仕事が多くなりました。 そんなこんなで、「スマートフォンでの使いやすさ」とはなんぞや？を考える日々を送っているのですが、使いやすさって、実際に使ってみないとわからない…でも、自分で実装する技術も時間もない…！ 今回はそんなデザイナーさんでも簡単で素早くプロトタイプを作成できるツール「Prott（プロット）」の使い方をご紹介したいと思います。 ※今回は分かりやすいよう、LIGのスマートフォンサイトをサンプルにして作成手順をご説明いたします。 「Prott（プロット）」とは？ Prott（プロット）はUIデザインで有名
ボタンの色やデザインでPCサイトの収益を高めるための基本ポイント：グロースハッカー養成講座＜1＞ | ライフハッカー・ジャパン
ウェブサイトの収益性やユーザー登録数などを、A/Bテストなどの改善によって高めていく「グロースハック」。それを手がける人たちである「グロースハッカー」の活躍が近年注目されています。以前お届けした記事では、企業やサービスを成長させる仕掛人であるグロースハッカーが、新たな職業としてより脚光を浴びる可能性があることを紹介しました。 現在、オンライン学習サービス「schoo WEB-campus」と、1000名を超すグロースハッカーのネットワークを持つ「Kaizen Platform」が共同で、全7回にわたるグロースハッカー養成カリキュラムを開講中です。 本連載では、授業の内容をおさらいしながら、グロースハッカーに必要な観点や要素を探っていきます。 連載第1回は、2014年12月4日放送分の授業より、主にPCサイトの収益性や効果の改善事例を紹介します。ボタンの色、デザインの細かな調整、キャッチコピ
ポータルサイトのデザインリニューアル案件で気をつけたこと＆使える心理学 - Design Color
色を使いすぎない 以前に書いた「ポータルサイトのデザインをする時に意識したこと5つ」という記事でも触れましたが、今回も特に気をつけました。 ポータルサイトは一画面に表示される情報が多いです。文字はもちろん、画像の量が多くなります。サイトによってはバナー広告もあるので、それらの色に加えて、サイト自体の色もカラフルだと、目が疲れてしまいます。 そのため、色数を極力おさえることでサムネイル画像やタイトルに注目が集まるよう心がけました。そうすることで、ユーザーは情報を探しやすくなり、記事を読む事に集中できます。 逆に、色がゴチャゴチャしてどこを見たらいいのかわからない状態になると、ユーザーの離脱を招くことにもなるため注意が必要です。 選択肢は4つ程度にとどめる 今回のリニューアルにあたり、ポータルサイト内の選択肢を極力4つ程度にとどめる工夫をしました。その理由についてはふたつの心理学が関係していま
【デザイナー目線】ディレクターがデザイン依頼時に書いてくれると嬉しい3つのポイント
年の瀬ですね。今日あたりで仕事納めの方が多いのでしょうか。今年も一年お疲れ様でした。 ところで、今日こんな記事をSNSで見かけました。 【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント | Webディレクターズマニュアル 唐突ですがみなさん… ・デザイナーから上がってきたデザインがイメージと違っていた ・ワイヤーを装飾しただけみたいなデザインが出てきてしまった なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら…。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ> > 反省してみようかと思います。 なかなか面白いのでぜひ読んでみてください。 「デザイナーから上がってきたデザインがイメージと違って
2014年総まとめ：Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
2014年、当サイトで公開した記事の中からPocketにたくさん登録された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 コリス Web制作全般 デザイン論、Photoshop, Illustrator関連 フォント・タイポグラフィ関連 UI/UX・カラー関連 便利ツール・サービス関連 HTML, CSS, JavaScript関連 無料素材関連 その他 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人が多いので変更をお願いします。 Web制作全般 2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ 2014年後半、現在これからのWebデザインのトレンドと制作動向を知る26のキーワード Web制作者は要ブックマーク！制作時にいろいろと役立
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース - NxWorld
Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。 管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。 紹介している中にはデザインをPSDなどの形式でデザイン素材としてダウンロードすることができるものもいくつかあり、ただデザインを見るだけでなく実際にどのようなレイヤースタイルで作成されているかを見たり、それらをベースに自分好みの見栄えに変更することも可能です。 紹介しているデザインでダウンロードできるものを使用する際は、ライセンス等は各自で再度確認してください。
ノンデザイナーでもできる！写真を使ったイケてるメイン画像の作り方 - CAMPHOR- Tech Blog
こんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わることが多いので、 デザインのことを書こうと思います！ はじめに エンジニアの皆さん、そしてそうじゃない皆さんも、たまに『メイン画像』を作らなければいけないときがあるんじゃないでしょうか。 メイン画像というのは、こういうのとか （引用：https://www.cyberagent.co.jp/recruit/fresh/internship/ ） （引用：http://tokyometro10th.jp/future/opendata/ ） こういうのとかですね。 または、Facebookページのカバー画像や、OGP用
CC0で著作権の制限無しで使える！Webページの背景などにいい素敵な動画がダウンロードできる -Distill
Distill Distillで配布されている動画のライセンスは「CC0」で、著作権による制限は一切ありません。最初ライセンスが分からなかったので、管理者に聞いたところ「under the CC0 license」と教えてもらいました。 動画のダウンロードには登録など面倒なことは一切ありません。各動画にあるダウンロードアイコンをクリックするだけです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
１ページのフリーでモダンなWEBデザインPSD20個まとめ:phpspot開発日誌
新着記事
