PSD Repo - Free Quality PSDs Available For DownloadGet free PSD & Xd templates, every week, in your inbox 13000+ designers trust us with their email PSD Repo helps you to find design resources that are offered for free to the community.
面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方
レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ
UXデザインを改善する、参考にしたいアニメーションの使い道4つまとめ
動き（英: Motion）は物語、ストーリーを伝えます。たとえば「これを今、見てみましょう。」、「操作がうまく完了しました。」など、あまり長くなく、複雑ではないストーリーなどです。 アニメーションの目的は、ユーザーを楽しませることではなく、ユーザーが今何が起こっているか理解したり、より効果的なアプリの使い方を説明することにあります。このアイデアについて、Zurb では次のように述べています。 我々は、静的な画面スクリーンをデザインするだけではもはやありません。どのようにユーザーがスクリーン画面から、実際に閲覧するコンテンツに誘導できるかデザインすることが重要になります。 アニメーションは、美しさと機能性を統一するために、幅広いコンテンツに利用されています。ユーザーの行動やステータス状況、ユーザーの注目を集めたり、実行したアクションの結果をうまく伝えたり、さまざまな要素に影響しています。 今
脳に優しいデザインを！「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
人人彩票
PC商城支持IE9+浏览器 兼容1024+分辨率 最新购物流程 手机微信商城支持所有手机屏幕 手机打开自动转入手机版 数据和PC同步 微信小程序自带微信小程序 直接上传即可使用 App安卓 + IOS双平台 提升网站形象 微信公众号对接直接对接微信公众号 设置微信菜单 微信定向回复 微信/支付宝/银联微信付款 + 扫码支付 支付宝付款[含扫码] 常见银联卡付款 短信验证/通知注册手机短信验证 发货短信通知 手机短信找回密码 实时物流状态支持多家快递公司 订单直接查看物流状态 实时更新 极致SEO优化HTML + DIV + 绝对路径 搜索页面优化 专题优化页面 新页面主动推送百度新商品主动推送百度 新资讯主动推送百度 保证第一时间收录 全站自动推送百度客户浏览页面自动推送百度 支持全站所有页面 查看更多点击查看详细介绍 PC网站支持IE9+浏览器 兼容所有分辨率
WEBデザインのメインビジュアルまとめ
メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 ＷＥＢサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。
Footfolio | 無料動画素材 ロイヤリティフリー
無料動画素材 2014 Trailler 無料動画素材 Footfolio About Footfolio 「Footfolio」=”footage(映像素材)“+”portfolio(画集)“。たくさんの方々に良質な 無料動画素材 をたくさんご提供できるところとなれば幸いです。 Footfolioの動画はすべて無料となっております。著作権表示やリンク、ユーザー登録の必要もなく、個人法人を問わずロイヤリティフリーでお使いいただけます。結婚式の自作プロフィールビデオ(生い立ちビデオ)、VJ、卒業制作、MAD、ペットのメモリアルビデオ、お店やコミュニティのプロモーションムービー、各メディア制作物などあらゆる映像制作物にご使用いただけます。 無料動画素材 をご使用になられる場合は、必ずご利用規約をよくお読みになり規約に従ってください。
Fonts In Use – Type at work in the real world.
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
リンク(aタグ)をブロック要素(div)全体に効かせるCSS
スマートフォンの普及で、レスポンシブデザイン、スマホファーストが推奨されつつある中、今までどおりにテキストにリンク指定するだけでは、ユーザビリティを損ねてしまう場合があります。 例えばECサイトの検索結果一覧に表示される、画像とタイトル(テキスト)だけでなく、商品BOX(画像、タイトルが含まれる)全ての範囲にaタグ(リンク)を適用するCSSの書き方を記述します。 ※本文中にサンプルとして掲載しているBOXは全て、レスポンシブデザイン対応しているので、PCでご覧の方はブラウンザの幅を小さくしたり大きくしたりすることで、BOXにの伸縮を確認できます。 PR .link_box{ position:relative; width:30%; padding:5%; border:solid 1px #CCC; margin:0px auto 20px; } .link_box a{ positio
un-T factory! NAGOYA
私たちだけでは輝くことができない ですが あなたの熱や、本心や、叶えたいことを 想像を超えて形にし、輝かせることができる WORKにまだない、SKILLもある 明日を強くする、できるをうみだせる 確かな私たちが、集まる会社です
line-height の値には単位なしが良いとされる理由
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
coneri（こねり）
CONERI STORY 新しい味わい。 新しい食べ方。 新しい気分。 coneriは、 パイのある幸福な生活を提案します。 coneriは、サクサクとした食感で気分まで軽やかにするパイの専門店です。 粉の味わいと生地を練る職人の手わざにこだわって、パイの魅力を日本中に広げたい。 だから、粉を練る→「coneri」という名前にしました。 もっとおいしく、自由に、楽しく。 パイのうれしさをどこまでも広げるために愛情と工夫をいくつも重ねて、 あなたのほっぺに「サクサク」なしあわせをお届けします。 CONERI STORY 1 パイづくりは、 粉づくりから始まりました。 サクサクとしたうれしさをもっと弾ませるために、 いろんな種類・品種の粉を探しました。 もっと軽く、なめらかで、香りゆたかな粉はどこ？ 試作と試食を何度も繰り返して完成したのが、 国産の小麦粉などを秘密の配合でブレンドしたオリジナ
LPの最新デザインまとめ参考サイト｜LP アーカイブ
フォルダを削除 フォルダを削除すると登録されているデザインやメモは 全てお気に入り登録から削除されますがよろしいですか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Design Resources – Daily Freebies for Creatives
tande lab.
Indo Insurance Plus
kawacolle
コンポーネント単位で考えるWeb制作
Loading...
Hotchkiss
