フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
ユーザーを意図的にだます「ダークパターン」はショッピングサイトで予想より広く使用されているとの指摘
by Soumil Kumar 「ダークパターン」とは心理学的な仕組みを用いてユーザーをだまし、企業の利益になる方向へ意図的に行動を誘導するためのウェブデザインのこと。プリンストン大学の研究チームが行った調査により、ダークパターンが幅広いオンラインショッピングサイトにおいて使用されている実態が明らかとなりました。 Dark Patterns at Scale https://dl.acm.org/citation.cfm?doid=3371885.3359183 Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites https://webtransparency.cs.princeton.edu/dark-patterns/ 'Dark patterns' trick you into spending
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
ついつい見続けてしまう！シネマグラフを取り入れたWebデザイン24選
シネマグラフ（Cinemagraphs）という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブＸ http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブＸのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ
nclud – A Creative Digital & Branding Agency
We are a strategic creative agency that elevates brands. We discover, analyze, and innovate to create ideas — then bring those ideas to life. We dissect where our clients are and plot a course for where they want to be. Our inclusive and collaborative process integrates our senior-level subject matter experts in strategy, user experience, design, and development from inception through completion,
3 Basics of Web Design For The Beginners
Last updated on February 12th, 2019 For a new web designer, the world of web design comes with hundreds of choices and lots of surprises, some of which are more suitable than others. However, this wisdom comes from experience which takes probably many years. There are 3 Basics of Web Design For the beginners should follow so that the visitors find the website useful.1. Visual HierarchyPrinciples
straightline bookmark | Web design bookmarking
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
これはウェブページです｡
たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､タブレット端末やデスクトップ端末で読んでいるかもしれません｡ 私とあなたがこうして繋がることができたのは､私が書いた言葉をあなたが読んでいるからです｡ウェブとはそういうものです｡場所や端末､タイムゾーンが違っても､このシ
Awwwards - Website Awards - Best Web Design Trends
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
All Websites on Siteinspire
A showcase of the world's finest web design.
Over ons | Tribal Agency
Ontdek Tribal Agency! 25 specialisten, 25 jaar ervaring, 1 missie: onze klanten helpen groeien. Met slimme online marketingstrategieën, unieke content en doeltreffende campagnes. Kortom, hét full service internet marketingbureau uit Den Bosch voor jouw online marketing! Tribal Agency doet het samen met jou Al je marketing zelf doen, of alles uitbesteden aan een bureau? Wij vinden het allebei niet
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Flowchart: how to retinafy your website
Update 24/7: If you like the flowchart, grab my ebook on all things Retina at retinafy.me! It’s out in beta now—save $10 over the final price. With Retina screens all around us, it’s time to take the plunge and retinafy your website or webapp. Here’s the process I use (for both mobile and desktop) in the form of a flowchart for some more sanity in all of this. Download as PDF (968k) The result of
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
Zeitgeistbot • Art, Social Media, GPT, AI, AR, VR, p5.js - Jon Montenegro
Kamon art piece for Helio Gallery, 18x24 giclee print, 2006 Kamon Giclee Print Kamon Series consist of Adobe Flash Lite interactive art pieces created specifically for cell phones. Based from traditional Japanese kamons the artwork is a result from a application written for cellphones that uses cell phone signals to determine a procedurally generated composition. Senbazuru: Dancer - An as3 flash w
Jon Montenegro | award winning interactive creative design and art
creative Jon ux Montenegro direction communicate art modern director idea gallerys perfection create concepts typography selected Work experience augmented reality ar bright semantic infographics mobile ux philadelphia publications visual design user apps exhibit peace architecture research interface design arts interactive us calm awards museum ethnography found cloud photography blog clear webwa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How To Use Illustrator For Web Design Project?
Fresh Tools of the Week [27th September – 4th October]
30 Amazing HTML5 and CSS3 Websites - Inspirations
S5-Style
