Jump to content

Search the Community

Showing results for tags 'web'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Affinity Support
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer
    • Report a Bug in Affinity Photo
    • Report a Bug in Affinity Publisher
    • (Pre 1.7) Affinity Range Bugs Forums
  • Beta Software Forums
    • Affinity Designer Beta Forums
    • Affinity Photo Beta Forums
    • Affinity Publisher Beta Forums

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 64 results

  1. coming from adobe photoshop save for web feature, where we could visualize the various adjustments in real-time when optimizing images for use on websites, is there a similar workflow in Affinity photo?
  2. There is a long and old thread on this topic already, but I'm not convinced its been getting any attention, so I'm starting a new topic because this problem is infuriating. 2020, and still having the same blurry images problem. There is something weird about the way Affinity is handling pixels. I don't know how to explain this, but when you use different resolutions in photoshop the zoom ratios when working with the image are different-100% at 300 dpi is way bigger than 100% at 72 dpi. When you do it in Affinity they are all the same across the board. 300 dpi looks the same as 72 dpi. Its infuriating. I'm trying to make web graphics and no matter what resolution I create them at they come out looking blurry AF at small pixel sizes. For example, I'm trying to upload a logo at 150 px by 150 px. 300 dpi looks exactly the same as 72 dpi. Like, really blurry. Like someone who has never touched graphics software before in their life created them. I've been doing this for almost 20 years now. Usually, in Photoshop if you create your file at the size you need for application it comes out clear, that doesn't seem to happen in Affinity. I can't afford Photoshop, but these results are completely unprofessional. I've even tried going back to my designer files and scaling them down, wondering if anti-aliasing in AffinityPhoto was a factor, but it makes no difference. Is Affinty EVER going to address this? HOW do you make crisp web image files with Affinity???
  3. Hello everyone, From today i believe i have to start sharing few of our design works (actually i'm working alone but i do build a team from time to time depending on project size ) Most of our client/requesters are Church based and we really enjoy doing stuffs for them but what you will se here is more about Smarty Studio standing with other studio/teams together into what is to become Congolese Design Style. Well each country have it's own style of design but Congo doesn't have a proper thus most of Congolese designers simply clone/copy styles from everywhere. This is a beginning, please your inputs on each design palet/kit will be of great help and will help us improving better. Blessings !
  4. I have recently become aware of the ability to animate SVG (Affinity Designer) for the web. There are applications coming out that make it really easy, however, the file size is a serious problem if you intend to have your work in a web page as Affinity does not offer the reduction of file size. Here is a youtube video I made on 09/03/2018. It is impressive what one can achieve. This is a concept for a web homepage. If you look closely there is some really subtle animation. The balloon has a flame which gets turned on and off to make it rise, the balloon also changes size in that as it moves away into the air it gets smaller. The clouds in places are semi-transparent. Also, the sun has a haze around it which disperses as the sun bets higher in the sky. All these really subtle changes make for huge file sizes. One online SVG animator which is still in beta is svgator.com which is free but limited. I have included a file of a puppy wagging its tail and turning its head which I animated in svgator. Just drag the (1A 76 questioning puppy.svg) file onto a web browser and it will automatically play and is on infinite loop. You have to export the files as an SVG from Affinity Designer and then upload that file into the svgator system. The head, body and tail have to be different and separate files to be able to animate them: i.e. the head would be nested in affinity designer the body would be nested and so would the tail. Exported as SVG and then imported to your animator of choice and there are many out there some free. 1A 76 questioning puppy.svg
  5. When exporting svg files for web all the styles are inline per element, which unnecessarily increases file size and customization difficulty. In general it would be very useful to define style rules as an independent dataset. While working with the document changing a property of a style rule (class) would affect all elements assigned the respective class. Additionally, it would be extremely useful to add custom attributes to elements: data-custom-attr="whatever I want here" for web usage. Without these features supported, every modification to the svg file within Designer requires a lot of time-consuming manual correction post export.
  6. Maybe this is just a problem with my browser (Chrome), but it looks funny with the title "Graphics redefined" :-)
  7. Hello, I would like to know how I can add code insertion such as web languages to Affinity Publisher? Because I have to prepare the tutorials for the creative guides for my clients. Thank you very much, Best regards
  8. Hi, When I create a 'web' type document in document setup and click 'ok' I always get a 'print' type document.
  9. The one thing that stops Affinity Designer from being the perfect tool for UI design for me is the lack of an ability to set up a guide layout. There is almost this functionality in the grid set up options, just without the ability to make grid tiles the full height of the artboard and add a default margin on the left/right/top/bottom independent of the gutter. The ability to save a guide layout preset in the Guide Manager and load it up in future documents has been mentioned previously, and this is potentially another great way to solve the problem, so +1 to that idea too. My issue is just that when setting up a new document I need to be able to quickly set up the bootstrap grid as guides before I start. My current workaround is to set up the guides in a document and use that as a template for any web UI work I need to do. Please consider adding a Guide Layout feature and/or Custom Guide Presets (honestly the Guides Manager is currently brilliant, it just needs extending). I'm so very close to being able to replace PS/AI with AF. Cheers
  10. Hello people. I created this project using the affinity designer. Hope you like it https://www.behance.net/gallery/86462907/WhatsApp-Redesign
  11. I am not sure whether this is the right forum for this, but I haven't found one feature which I have used often in Photoshop or even PS Elements, which is what I could afford. Anyway; if I make an illustration for print, I often want to make a copy optimized for web, but if I use Resize Image in Affinity Photo (on the iPad as well as on the iMac) I don't get an optimized result, only a copy which looks like one with poorer quality. Now, the way I learnt to do it in Photoshop, is as follows: 1. Open the Resize Image dialogue box and deselect Resample Image. 2.Resize image from 300 dpi to 72 dpi - image dimensions (Document size) increases in pixels or millimeters or whatever you choose. 3. Reselect Resample Image and set the desired dimensions and click OK 3. Choose Saw For Web, select location and save. Et voilá! You will have a lighter low res copy which will look just as sharp and pristine on the web as the hi res print version. (I'll attach screenshots to help explaining. Does this exist in Affinity Photo or if not, is it on the roadmap?
  12. It would be nice if there was a way for Affinity to built animation and even export to MP4, GIF or better pure HTML/JS/CSS (SVG) to use on websites. The web keeps getting better and better, but the creative animation tools for the web are limited. There are a few tools if you search for it, but its subscription-based or only available for Mac. I'm not asking for After Effects or other Cinema/Cinematic tools. Just key-frame based Vector animation that we can export to GIF/HTML-CSS/MP4. What do you guys think? Anyone else thinks Affinity Designer can really use some modern, innovative Animation tools?
  13. For many years, I used PagePlus in its various developments, and produced magazines and a newspaper with it. My cricket club has a website provided by the ECB in the form of newick.play-cricket.com I was looking for Serif's WebPlus system and found it was no longer being produced. Is there anything produced by Serif that I can build a website with that will mimic the PlayCricket site and be as user-friendly as PagePlus??
  14. Hello, As said in the title, the export of the software does not offer a web format (html5 + CSS3) This could be a very good thing for brochures, documents, books that will only be used on websites. This format could for example be in the form of a pack containing the index.html page + the CSS3 style page + the multimedia folder containing the images, sounds, videos. Thank you.
  15. Hi, I will like to see a slice tool feature that will allow me to slice my my designs and create html table. This will allow me to create html contents from my images/designs and also create hyperlinks. Where every slice will be a row or column in a table(tr/td). and each section of the slice can hold a hyperlink and more. It will now introduce export for web, which will create a html file with an inline css export to use for development. This will stop me from switching apps and will take AD/AP/Publisher to the next level to support web and see a good feature to support ux/ui design in prototyping And maybe later add a responsive feature to the slices made. Thanks Affinity team Please look at this. @MEB @Mark Ingram @stokerg @Sean P @TonyB
  16. Hi and apologies for not using Affinity for a while now. Busy looking for work. Trying to again get off the Olde Adobe Reliance. An old workflow for JPEG web output I've always used, is a targeted KB size output, found (in CS6) under SAVE FOR WEB > OPTIMIZE [sic] TO FILE SIZE … Does AP have a similar feature? I can't find something you can dial in. Best
  17. Is it possible to add compatibility with SVGO https://jakearchibald.github.io/svgomg/ It is the most popular SVG optimizer for the web. Exported SVG files would be a way lighter. And it would be good to have a checkbox for exporting inline styles as classes it is useful for colorizing SVG using JS or CSS.
  18. There is inconsistency in the colour rendering between what is viewed on screen (2017 MacBook pro – calibrated) and some of the default pdf export options. I have tested this on the defaults for PRINT, WEB and FLATTEN. The document is set up as CMYK and the placed image is also set as CMYK – as are all the colours used in the document. The image enclosed here is a screen capture of the Publisher working document. WYO-AS-Screen Capture.pdf
  19. Hello: I did read that y'all don't have in mind make a animation software, but I really would like that y'all make one, there a lot of peoples that would like that Affinity make a animation software. I'm willing to pay for it. I would like that in the future y'all expand the software area to something like following: - Animation Software. - Video Editor Software. - 3D software. - IDE for web programming or even desktop application (Using affinity designer for the GUI and pass the design to the IDE and continue working with it). I would like please put some of those in your plans, y'all can open a donation web site and get founds for make this projects. Let us know.
  20. Has there been any discussion to include a resource so that pdf files can be made interactive? That was one of my main reasons to sign up for InDesign and I believe would be a great add onto publisher. I have downloaded the Beta version and was disappointed that this option was not available.
  21. There are a number of requests here for InDesign/Word DOCX/IDML/Markdown import as well as EPUB export, but nothing really looking at the big picture of how this should fit within a workflow of producing content for web and in print. Most of these seem to imply replicating InDesign's functionality – but these features could be much better implemented. In my experience, InDesign's text import and EPUB export are both rather grim. The Word import function doesn't import styles in a particularly useful manner, often taking far too much from the source document that then needs to be cleaned out. I use Pandoc instead to convert DOCX to Markdown and clean up the file with a text editor. I can then export to HTML or EPUB for a Web version, and ICML for a nicely typeset print version with InDesign. Rather than have Affinity Publisher become bloated with Web features that become quickly outdated and don't work properly in the first place, as InDesign has, I would like to see it focus on professional typesetting for print while integrating with other applications to enable technology-independent content creation.
  22. Hello there, I'm new here, so please bear with me. Been playing with AD for a couple of days (Awesome piece of software!), and here is my first professional work using it (I made this for my client). Hope you like it!
  23. Hi guys! I needed to create a custom design for a Brand manual and I was struggling with the fact that there's no layout grid option like sketch. So I decided to download the illustrator templates of the 960.gs grid system and adapt it to affinity designer using the constraints (so no matter how wide your artboard is, the grid will always strech porportionally). Hope you find this as useful as me. You've got three files: 12 column layout 16 column layout 24 column layout Happy designing! 960_grid_12_col.afdesign 960_grid_16_col.afdesign 960_grid_24_col.afdesign
  24. Hi, I'm facing an issue when I export SVG with Affinity Designer. I'm working on a website and would like to export an SVG in the best way following some guidelines describes here : https://www.sarasoueidan.com/blog/svg-tips-for-designers/. My Issue : I want to export in SVG a shape and move it with code. When I export it, I get a <path d="..."> instead of a <polygon> or <rectangle>. Sadly I'd like to have a <polygon> object in order to move it with Javascript. Can anyone tell me what am I doing wrong ? I would like to do someting like that <polygon points="215, 110 0, 110 0, 0 47.7, 0 215, 0"/> But I get path like this <path d="M1920,0l-1669.99,0l-250.011,0l0,1200l1920,0l0,-305.211l0,-894.789Z" style="fill:#fa9090;"/> animation.svg pos2.svg pos3.svg
×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.